微信小程序使用 onPageScroll 将view滚动置顶
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用 onPageScroll 将view滚动置顶相关的知识,希望对你有一定的参考价值。
参考技术A 需求: 当滚动到某个view的时候将view置顶 当滚动条回到view开始的位置下面时再回到原位置效果:
实现: 使用 onPageScroll 方法首先检测到滚动的位置 e.scrollTop 在滚动的同时来获取view与顶部的距离,因为这个view 上面的view 是不固定的可以减少 或者增多所以要时时来检测变化的高度
判断 如果离顶部距离 为0 时 将view置顶 使用动态样式来判断
同时在检测顶部距离为0的时候记录一下高度 然后当滚动高度等于记录的高度的时候再讲view 返回
*******备注 条条大路通罗马 小弟浅见
以上是关于微信小程序使用 onPageScroll 将view滚动置顶的主要内容,如果未能解决你的问题,请参考以下文章