1、在WXML文件中创建一个固定高度的区域,并设置其为可滚动的。
2、在该区域内添加两个元素:一个用于显示上下滑动的图片,另一个用于显示图标。
3、在CSS样式文件中,对这两个元素分别设置相应的位置和样式。其中,上下滑动的图片需要设置position:absolute。top:0。left:0。width:100%。height:auto。z-index:-1。等属性,使其能够覆盖住整个区域并与图标区分开来。而图姿轿配标元素则需要设置position:relative。等属性来保证其相对于父元素的位置不变。
4、使用JavaScript监听区域的滚动事件,获取当前滚动迹指位置,并将其赋值给图标元素的top属性,以实现图标随帆毕着滚动上下移动。
微信小程序页面滑到到底部,继续上拉跳转到其他界面:
以下方法不可行:
1.实现这功能不能用onReachBottom,onReachBottom只有页面滑到到底部才触发,继续上拉无法再触发onReachBottom;
2.如果界面上包含其他手孙内容,底部是列表,界面绑定页面下拉刷新方法,这种情况也不能使用scroll-view的上拉加载更多方法,会导致页面下拉和列表srcoll-view下拉2个事件冲突,触发不灵敏
解决办法:
首页上监听 touchmove,然后首页加仿薯姿载完的时候查询一下整个页面的高度。touchmove的时候判断已经是到底了,就跳转A页面呗。不过需备绝要注意会触发多次,注意过滤
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)