# Scrolling need to work on only ion-content

**URL:** <https://forum.ionicframework.com/t/scrolling-need-to-work-on-only-ion-content/45495>\
**Category:** ionic-v1\
**Created:** [March 4, 2016, 7:22am UTC](https://forum.ionicframework.com/t/scrolling-need-to-work-on-only-ion-content/45495 "2016-03-04T07:22:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jariwalabhavesh](https://avatars.discourse-cdn.com/v4/letter/j/b3f665/32.png) [@jariwalabhavesh](https://forum.ionicframework.com/u/jariwalabhavesh)\
**Post date:** [March 4, 2016, 7:22am UTC](https://forum.ionicframework.com/t/scrolling-need-to-work-on-only-ion-content/45495/1 "2016-03-04T07:22:39Z")

</div>

Hi,

I am developing cordova application using ionic framework and i facing below issue.

I have `<ion-scroll>` in `<ion-header-bar>` and `<ion-content`\> on page.

I want to just set scroll top of `<ion-content>` on button click. i had already done that but `<ion-scroll>` is also setting to top on button click.

I want to scroll only `<ion-content>` to top and `<ion-scroll>` should maintain it scroll position.

How can i do that?

Here is my structure of my page.

```
<ion-view>
    <ion-header-bar class="bar-subheader grouplist-container" >
         <ion-scroll direction="x" scrollbar-x="false">
             <button>1</button>
             <button>2</button>
         </ion-scroll>
   <ion-header-bar>
   <ion-content>
  </ion-content>
</ion-view>

```

`<ion-scroll>` has buttons arranged horizontally. When i click any of them then `<ion-scroll>` and `<ion-content>` scroll to starting position.

I want only scroll `<ion-content>` to top on any button click.