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 返回
*******备注掘拍键 条条大路通罗马 小判巧弟浅见
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)