Scrolling position on back not working inside a row


#1

I have a list of tons of items which linked to next page. I read on another topic that ionic by default will remember the scrolling position when pressing back, it worked for me a while ago. but now after i changed my code here and there, the scroll position always go back on top.

here is my code

<div class="row">
<ion-scroll  class="col scroll-col">
      <div class="list">
	    <div class="row unlimited-items"> 
		<div class="col" ng-repeat = "item in items">
		     <a href="#/tab/{{item.id}}" class="button button-icon">
				{{item.name}}
		    </a>
	        </div>
	    </div>
        </div>
    </ion-scroll> 
  </div> 

if i remove ion-scroll, it works just fine but i need to scroll inside that row.


#2

Can you throw together a codepen of this?


#3
http://codepen.io/anon/pen/yxpbt

#4

That is because you still had scrolling enabled on your ion-content, so the scroll delegate was getting confused.

Either set the scroll to false.

http://codepen.io/mhartington/pen/hrEtc

Or use the delegate handling system

http://codepen.io/mhartington/pen/sAwdL

http://ionicframework.com/docs/api/service/$ionicScrollDelegate/


#5

thank you again for your help, it works like a charm !!!