browse other examples

Disabled attribute

There is an property "disabled" on the ui-scroll adapter which allows to ignore user scroll/resize events:
<div ui-scroll="item in datasource" adapter="myAdapter">{{item}}</div>
Here we have two-way binding, so just set the property in appropriate time:
$scope.myAdapter.disabled = true;
Since "disabled" is true no user scroll is being processed by ui-scroll engine.
User scroll processing is {{myAdapter.disabled ? "disabled" : "enabled"}} now