微信小程序中实现滚动条事件的绑定方法是

微信小程序中实现滚动条事件的绑定方法是,第1张

微信小程序中实现滚动条事件的绑定方法如下:

1、使用onPageScroll回调函数,此函数接收一个Object对象,其中包含滚动条相关信息,如滚动条顶部的位置等。

2、可以通过在页键宽面的陪咐js文件中使用onPageScroll函数来绑定滚动条事件,从而实芦亮纯现你想要的功能。

uniapp提供了 *** 作滚动条的方法uni.pageScrollTo,但是其并不好用

1.在APP端使用时不能使用selector

2.在小羡键程序中使用时,selector不能使用纯数字作为id,最好圆派哪使用英文小写字母

3.app端使用duration必须设置为0

4.app端使用时最好放在延时函数之中

5.在view中使用uni.pageScrollTo不能设置固定高度,否则会不起作用

6.在view中使用v-for需要注意页面加载顺序以及是否存在使用null数据进行页面渲染,一旦出错也会造成uni.pageScrollTo失效

1.scroll-view中不设置顶部会造成列表信息循环滚动,同时onPullDownRefresh方法失效

2.在iOS中会有fixed定位在底部失效的问题,此时需要把content的view设置为absolute,

footer的view设置为fixed。这样在滑动content的滚动橘码条时就不会带着下部fixed定位的view一起滑动

需求: 当滚动到某个view的时候将view置顶 当滚动条回到view开始的位置下面时再回到原位置

效果:

实现: 使用 onPageScroll 方法首先检测到滚动的位置 e.scrollTop 在滚动的同时来获取view与顶部的距离,因为这个贺带view 上面的view 是不固定的可以减少 或者增多所以要时时来检测变化的高度

判断 如果离顶部距离 为0 时 将view置顶 使用动态样式来判断

同时在检测顶部距离为0的时候记录一下高度 然后当滚动高度等于记录的高度的时候再讲view 返回

*******备注掘拍键 条条大路通罗马 小判巧弟浅见


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12309132.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存