微信小程序监听scroll-view滑动到顶部、底部、左边、右边
2018-02-05 22:01
771 查看
微信小程序监听scroll-view滑动到顶部、底部、左边、右边
微信小程序中经常需要监听scroll-view的滑动边界以做相应的业务操作。
当滚动到顶部时会触发bindscrolltoupper事件(具体可留意GIF输出)
当滚动到底部时会触发bindscrolltolower事件(具体可留意GIF输出)
当滚动到最左边时会触发bindscrolltoupper事件(具体可留意GIF输出)
当滚动到最右边时会触发bindscrolltolower事件(具体可留意GIF输出)
js实现代码:
//滚动条滚到顶部或左边的时候触发
upper: function(e) {
console.log(e)
},
//滚动条滚到底部或右边的时候触发
lower: function(e) {
console.log(e)
},
微信小程序中经常需要监听scroll-view的滑动边界以做相应的业务操作。
当滚动到顶部时会触发bindscrolltoupper事件(具体可留意GIF输出)
当滚动到底部时会触发bindscrolltolower事件(具体可留意GIF输出)
当滚动到最左边时会触发bindscrolltoupper事件(具体可留意GIF输出)
当滚动到最右边时会触发bindscrolltolower事件(具体可留意GIF输出)
js实现代码:
//滚动条滚到顶部或左边的时候触发
upper: function(e) {
console.log(e)
},
//滚动条滚到底部或右边的时候触发
lower: function(e) {
console.log(e)
},
相关文章推荐
- 微信小程序 scroll-view实现锚点滑动的示例
- 微信小程序scroll-view横向滑动嵌套for循环的示例代码
- 微信小程序实现顶部、底部滑动联动
- 微信小程序开发——scroll-view横向滑动
- 微信小程序scroll-view仿拼多多横向滑动滚动条
- 微信小程序-横向滑动scroll-view隐藏滚动条
- Android开发--------------WebView(二)之WebView的滑动底部顶部监听,加载进度条等设置
- 微信小程序顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,
- 微信小程序-横向滑动scroll-view隐藏滚动条
- android listview/ScrollView 去除顶部下拉时的半月形阴影和上下滑动顶部和底部的虚化
- android listview/ScrollView 去除顶部下拉时的半月形阴影和上下滑动顶部和底部的虚化
- 关于微信小程序的scroll-view的使用
- 微信小程序学习---view-scroll的使用注意事项
- android listview 滑动到底部和监听滑动到顶部底部
- 微信小程序scroll-view隐藏滚动条方法
- 微信小程序上拉刷新和下拉加载2种方法实现,onPullDownRefresh,scroll-view使用
- 微信小程序 scroll-view组件实现列表页实例代码
- 微信小程序 教程之wxapp视图容器 scroll-view
- android scrollview底部上滑 切换activity / scrollview滚动同时 顶部progressbar同步