有没有一种方法可以滚动到离子列表中的特定项目?
例如在此Codepen中:https ://codepen.io/anon/pen/grEBQJ
当我转到测试按钮时,我想滚动到带有文本“文本”的列表项。
<button ng-click="goTo()">Go to test</button>
<ion-list class="item">Test</ion-list>
我没有找到任何示例,所以goTo只是空白:
$scope.goTo = function(){
}
您必须为列表元素设置一个id,例如:
<ion-item id="item{{item.id}}" ng-repeat="item in items">
Item {{ item.id }}
</ion-item>
然后,$scope.goTo()
方法必须修改位置哈希,并anchorScroll()
从$ionicScrollDelegate
service调用方法:
$scope.goTo = function(id){
$location.hash('item'+id);
$ionicScrollDelegate.anchorScroll();
}
查看$ ionicScrollDelegate文档以获取更多信息。
使用您的Codepen更新:https ://codepen.io/anon/pen/RadXqL
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句