# Back to top onclick tabs

**URL:** <https://forum.ionicframework.com/t/back-to-top-onclick-tabs/81255>\
**Category:** ionic-v1\
**Created:** [February 28, 2017, 9:43am UTC](https://forum.ionicframework.com/t/back-to-top-onclick-tabs/81255 "2017-02-28T09:43:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nikhil7](https://avatars.discourse-cdn.com/v4/letter/n/49beb7/32.png) [@nikhil7](https://forum.ionicframework.com/u/nikhil7)\
**Post date:** [February 28, 2017, 9:43am UTC](https://forum.ionicframework.com/t/back-to-top-onclick-tabs/81255/1 "2017-02-28T09:43:10Z")

</div>

**I have a page with multiple tabs and scrollable content in it. So that if I scroll and go down on the page and if I click the tab, it should scroll to top of the page.**  
How can we do this.

---

<div class="post-metadata">

**Author:** ![zwacky](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/zwacky/32/121695_2.png) [@zwacky](https://forum.ionicframework.com/u/zwacky)\
**Post date:** [February 28, 2017, 9:51am UTC](https://forum.ionicframework.com/t/back-to-top-onclick-tabs/81255/2 "2017-02-28T09:51:43Z")

</div>

You could try [https://ionicframework.com/docs/api/service/$ionicScrollDelegate/:](https://ionicframework.com/docs/api/service/%24ionicScrollDelegate/:)

```auto
$ionicScrollDelegate.scrollTop(true);

```

I ran into some flicker issues when I used this though.

* * *

I used [angular-scroll](https://github.com/oblador/angular-scroll) in the end with

```auto
angular.element(document.querySelector('ion-content')).scrollTop(0, 400);

```