网站建设需要建站公司沟通哪些,蚌埠做网站,网站建设核电,故事式软文广告300字通过Page页面事件监听下拉刷新事件、上拉触底事件
xxx.json
{enablePullDownRefresh: false,onReachBottomDistance: 200
}xxx.js
Page({.../*** page 绑定的下拉刷新* 页面下拉刷新事件的处理函数*/onPullDownRefresh: function () {console.log(enablePullDownRefresh: false,onReachBottomDistance: 200
}xxx.js
Page({.../*** page 绑定的下拉刷新* 页面下拉刷新事件的处理函数*/onPullDownRefresh: function () {console.log(onPullDownRefresh);// 当处理完数据刷新后wx.stopPullDownRefresh可以停止当前页面的下拉刷新。},/*** page 绑定的上拉触底* 页面上拉触底事件的处理函数*/onReachBottom: function () {console.log(onReachBottom);},...
})通过scroll-view监听下拉刷新事件、上拉触底事件
xxx.wxml
view classcontainerview classpage-bodyview classpage-sectionview classpage-section-titletextVertical Scroll\n纵向滚动/text/viewview classpage-section-spacingscroll-view scroll-ytrue styleheight: 300rpx; bindscrolltoupperonUpper bindscrolltoloweronLower refresher-enabled{{true}} refresher-triggered{{refreshing}}view iddemo1 classscroll-view-item demo-text-1/viewview iddemo2 classscroll-view-item demo-text-2/viewview iddemo3 classscroll-view-item demo-text-3/view/scroll-view/view/view/view
/viewbindscrolltoupper 滚动到顶部时触发。当scroll-view横向时滚动到左边时触发。bindscrolltolower 滚动到底部时触发。当scroll-view横向时滚动到右边时触发。refresher-enabled true 开启自定义下拉刷新false 不开启下拉刷新refresher-triggered 设置当前下拉刷新状态true 表示下拉刷新已经被触发false 表示下拉刷新未被触发
xxx.js
Page({data: {refreshing: false},.../*** scroll-view 组件绑定的下拉刷新* scroll-view 组件下拉刷新事件的处理函数*/onUpper: function () {console.log(onUpper)// 当处理完数据刷新后停止当前页面的下拉刷新。that.setData({refreshing: false});},/*** scroll-view 组件绑定的上拉触底* scroll-view 组件上拉触底事件的处理函数*/onLower: function () {console.log(onLower)},...
})参考
微信小程序框架接口Page 微信小程序页面配置 微信小程序组件scroll-view
