本文介绍了在Ionic应用中如何利用$ionicScrollDelegate服务来处理滚动事件，避免使用JQuery带来的问题。通过在HTML中设置`delegate-handle`属性标识滚动视图，并在Controller中使用`$ionicScrollDelegate`的`getByHandle()`方法获取实例，进而调用如`scrollTop()`等方法进行滚动操作。此外，还可以结合手势事件如on-scroll、on-drag等增强交互体验。
许多app中，常常有根据界面的滚动来触发事件的需求，之前我在处理这种需求时，走进了一个严重的误区，我是通过JQuery来实现的，不仅实现方法麻烦，还导致了ionic自带scroll的禁用，如果这个时候再要求使用无限滚动，肯定会导致很多问题。
那么在ionic中，如何利用自带的scroll呢？答案是通过$ionicScrollDelegate服务委托<ion-scroll>标签中的内容
首先我们讲一下$ionicScrollDelegate的用法
在html代码中，可以在<ion-content>标签或者<ion-scroll>标签中，用delegate-handle来标识这个滚动视图
举例：
<ion-content delegate-handle="myscroll">
<!--code-->
</ion-content>
最低0.47元/天 解锁文章
扫一扫
997
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
