我有
<ion-content bg-dark class="has-subheader has-footer has-tabs">
<div class="list active">
<div class="item item-divider" ng-repeat="item in controller.list" align="center" >
<h2 class="default" ng-click="controller.load(item.a,item.b)" ng-class="{'selected':item.b==controller.b}" align="center">{{item.b}}</h2>
</div>
</div>
<ion-infinite-scroll ng-if="!controller.noMoreItemsAvailable" on-infinite="controller.load()" distance="5%"></ion-infinite-scroll>
</ion-content>
我的 .css 文件是
.selected{
color:black !important;
}
.default{
color:#7b7a7a;
}
我需要在滚动时从顶部选择第三个元素并使该元素处于事件状态,我还需要知道如何在 Controller 中获取该元素
我试过用
$ionicScrollDelegate.getScrollPosition().top;
但它不起作用!!!
上图显示了滚动时我需要的内容。
最佳答案
您必须在列表加载时选择它,并将其保存在您的范围变量 listenCtrl.b
中。
也许在那种情况下你没有正确调用你的范围,我猜你正在使用 controllerAs
并使用 controller.
访问范围,但是在 ng -class 你访问 listenCtrl
代替。可能您还必须使用 controller
。
关于javascript - 在 ionic 框架中选择带有 ionic 无限滚动的顶部元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41825793/