javascript - ionic 滚动到特定列表项

Question

有没有办法滚动到 ionic 列表中的特定项目？

例如在此代码笔中: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(){

}

Answer 1

你必须设置一个 id 来列出元素，例如:

<ion-item id="item{{item.id}}" ng-repeat="item in items">
      Item {{ item.id }}
</ion-item>

然后，$scope.goTo() 方法必须修改位置哈希并从 $ionicScrollDelegate 服务调用 anchorScroll() 方法:

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

检查 $ionicScrollDelegate documentation获取更多信息。

用你的代码笔更新:https://codepen.io/anon/pen/RadXqL