离子滚动到特定列表项

舒马玛·瓦希德(Sumama Waheed)

有没有一种方法可以滚动到离子列表中的特定项目?

例如在此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()$ionicScrollDelegateservice调用方法

$scope.goTo = function(id){
     $location.hash('item'+id);
     $ionicScrollDelegate.anchorScroll();
}

查看$ ionicScrollDelegate文档以获取更多信息。

使用您的Codepen更新:https ://codepen.io/anon/pen/RadXqL

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

离子滚动到特定列表项

来自分类Dev

滚动到温泉列表中的特定列表项

来自分类Dev

滚动到列表项并在li居中时停止

来自分类Dev

滚动到列表项并在li居中时停止

来自分类Dev

角度渲染元素后滚动到列表项

来自分类Dev

Material-UI列表项滚动到AppBar顶部

来自分类Dev

滚动到 material-ui 中的选定列表项

来自分类Dev

列表项的离子响应列

来自分类Dev

当一些列表项高度很高时,“ ListView”无法滚动到确切位置

来自分类Dev

将弹性列表滚动到特定条目,而不使用索引

来自分类Dev

滚动到特定的div

来自分类Dev

禁用离子列表上的滚动

来自分类Dev

列表项位置不变滚动

来自分类Dev

离子:无法对齐离子列表项目的文本

来自分类Dev

滚动到特定位置

来自分类Dev

ScrollViewer滚动到特定控件

来自分类Dev

ScrollViewer滚动到特定控件

来自分类Dev

如何使用jQuery将具有特定类的有序列表项移动到列表顶部

来自分类Dev

离子v5滚动到顶部

来自分类Dev

离子含量总是自动滚动到页面顶部输入

来自分类Dev

如何在离子内容中滚动到底部

来自分类Dev

Moq检索特定列表项

来自分类Dev

以特定顺序遍历列表项

来自分类Dev

Jquery 删除特定列表项

来自分类Dev

离子无限列表滚动与json url

来自分类Dev

在SwiftUI应用中按下按钮时滚动到特定行的列表

来自分类Dev

SwiftUI-将列表滚动到由外部变量控制的特定元素

来自分类Dev

列表视图平滑滚动到异步任务中的特定位置不起作用

来自分类Dev

jQuery将列表项移动到无序列表的末尾