# How to reset content scroll

**URL:** <https://forum.ionicframework.com/t/how-to-reset-content-scroll/272>\
**Category:** tutorials\
**Created:** [December 17, 2013, 7:16am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272 "2013-12-17T07:16:46Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![saurabhgupta050](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saurabhgupta050/32/6996_2.png) [@saurabhgupta050](https://forum.ionicframework.com/u/saurabhgupta050)\
**Post date:** [December 17, 2013, 7:16am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/1 "2013-12-17T07:16:46Z")

</div>

Hi , I am using a list component on a `<content>` and i have enabled the scrolling of the `<content>`. I am filtering the list’s contents dynamically. My problem is when i am at the bottom of the page by scrolling down and then filter my list then it doesn’t scroll up. I have tried updating the `<content>` size by `$scope.$broadcast('scroll.resize')` but its not helping. Is there a way to reset the scroll of `<content>`. I am temporarily applying a solution but it involves DOM manipulation inside controller which is not a good idea as per Angular’s practices.

---

<div class="post-metadata">

**Author:** ![max](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/max/32/137761_2.png) [@max](https://forum.ionicframework.com/u/max)\
**Post date:** [December 19, 2013, 1:28am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/2 "2013-12-19T01:28:12Z")

</div>

Hey @saurabhgupta050, I _just_ pushed a change that lets you scroll to the top of the viewport.

What you can try is

```javascript
$scope.$broadcast('scroll.scrollTop')

```

after you’ve changed the list. You can also try using the new ScrollDelegate system I just added. To do that, inject the `ScrollDelegate` object into your controller and call `ScrollDelegate.scrollTop(false)` to immediately snap to the top of the scroll port. Change false to true to animate.

Does that help?

---

<div class="post-metadata">

**Author:** ![xuqiang](https://avatars.discourse-cdn.com/v4/letter/x/3be4f8/32.png) [@xuqiang](https://forum.ionicframework.com/u/xuqiang)\
**Post date:** [December 31, 2013, 8:50am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/3 "2013-12-31T08:50:47Z")

</div>

hei,can i ask you how to scroll to bottom of the list ? is there a way to call function of the scroll without $scope.$broadcast(‘xxxx’) ,such as to call resize of the scroll.

---

<div class="post-metadata">

**Author:** ![xuqiang](https://avatars.discourse-cdn.com/v4/letter/x/3be4f8/32.png) [@xuqiang](https://forum.ionicframework.com/u/xuqiang)\
**Post date:** [December 31, 2013, 9:05am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/4 "2013-12-31T09:05:20Z")

</div>

@max hei,can i ask you how to scroll to bottom of the list ? is there a way to call function of the scroll without $scope.$broadcast(‘xxxx’) ,such as to call resize of the scroll. i want to jump to the bottom by call a function

---

<div class="post-metadata">

**Author:** ![saurabhgupta050](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saurabhgupta050/32/6996_2.png) [@saurabhgupta050](https://forum.ionicframework.com/u/saurabhgupta050)\
**Post date:** [January 9, 2014, 6:23am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/5 "2014-01-09T06:23:39Z")

</div>

Hi there , it seems there is a problem in using `ScrollDelegate` system. I have taken latest update from git and now i am having ScrollDelegate Provider error. Have this system being removed from ionic.

---

<div class="post-metadata">

**Author:** ![xuqiang](https://avatars.discourse-cdn.com/v4/letter/x/3be4f8/32.png) [@xuqiang](https://forum.ionicframework.com/u/xuqiang)\
**Post date:** [January 13, 2014, 8:53am UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/6 "2014-01-13T08:53:21Z")

</div>

it is works , you mast import it at the controller object function(ScrollDelegate), then you can work with it.

---

<div class="post-metadata">

**Author:** ![scarab9151](https://avatars.discourse-cdn.com/v4/letter/s/e0b2c6/32.png) [@scarab9151](https://forum.ionicframework.com/u/scarab9151)\
**Post date:** [February 3, 2014, 8:33pm UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/7 "2014-02-03T20:33:40Z")

</div>

it looks as though the inject changed to $ionicScrollDelegate

```
$ionicScrollDelegate.scrollTop(animate)
```

---

<div class="post-metadata">

**Author:** ![nttrung143](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/nttrung143/32/82709_2.png) [@nttrung143](https://forum.ionicframework.com/u/nttrung143)\
**Post date:** [August 18, 2015, 4:24pm UTC](https://forum.ionicframework.com/t/how-to-reset-content-scroll/272/8 "2015-08-18T16:24:29Z")

</div>

I am facing the same problem. I am trying some way. One way (I think not so good) is refresh current state. I tested on iOS and it works fine, android is little laggy.

You can try: $state.go($state.current, {}, {reload: true});

According to this issue: [http://stackoverflow.com/questions/25192172/force-view-to-reload-in-ionic-framework](http://stackoverflow.com/questions/25192172/force-view-to-reload-in-ionic-framework)