javascript - 在 ionic 框架中选择带有 ionic 无限滚动的顶部元素

Question

我有

<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;

但它不起作用!!!

上图显示了滚动时我需要的内容。

Answer 1

您必须在列表加载时选择它，并将其保存在您的范围变量 listenCtrl.b 中。

也许在那种情况下你没有正确调用你的范围，我猜你正在使用 controllerAs 并使用 controller. 访问范围，但是在 ng -class 你访问 listenCtrl 代替。可能您还必须使用 controller。