
快速滚动到顶部经常用于长消息列表,这种场景经常伴随着滚动至顶部后刷新等,今天就带大家了解如何实现这个功能。
效果展示通过使用触发行为滚动到指定向,同时配合执行其它触发器,实现快速滚动到列表顶部的功能。
触发器配置注意:在检查器面板中的触发器 设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。
选中循环容器
点击检查面板中的触发器
创建触发器
选中图标
点击检查面板的触发器
创建触发器
这样就可以配置快速滚动到顶部的功能了。
实现效果为页面向上滚动隐藏顶部分类菜单,向下滚动则显示顶部菜单,效果图如下所示:
onLoad
onPageScroll
微信小程序怎样实现页面向上滑,动态加载数据的功能在H5中,当把页面向上滑动时,可以发起ajax请求动态加载数据。在小程序中可以么实现么?
目前在文档中,只看到有向下拉实现动态加载数据的组件
可以bindscrolltoupper是滚动到顶部/左边事件,bindscrolltolower滚动到底部/右边事件
利用"onPullDownRefresh"和"onReachBottom"方法
在js文件里直接写"onPullDownRefresh"和"onReachBottom"方法即可
文档地址:https://mp.weixin.qq.com/debug/
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)