Adding the has-bouncing attribute to ion-scroll stops the bouncing on a scroll list as expected. But I have a contacts-like sidebar over the side of the list which can drag and bounce the entire scroll list along with the sidebar. Since this is a ul element, what can be added to fix the sidebar while allowing the scroll list to bounce, if possible, or to disable bouncing altogether?
The code looks like:
var template = angular.element([
'<ion-list class="ion_index_list_outer">',
'<ion-scroll delegate-handle="indexScroll" has-bouncing="false">',
'<div data-ng-repeat="items in sortedItems" class="ion_index_list">',
'<ion-item class="item item-divider" id="index_{{modelName}}_{{items[0].dividerHeader}}">{{items[0].dividerHeader}}</ion-item>',
'<ion-item ng-repeat="item in items"></ion-item>',
'</div>',
'</ion-scroll>',
'<ul class="ion_index_sidebar">',
' <li ng-click="indexScrollGoToList(\'index_{{modelName}}_{{scrollIndex}}\')" ng-repeat="scrollIndex in sidebarScrollIndex">{{scrollIndex}}</li>',
'</ul>',
'</ion-list>'
].join(''));