微信小程序使用 onPageScroll 将view滚动置顶

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

效果:

效果图

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

获取关联的view置顶距离

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

使用绝对定位布局

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

*******备注 条条大路通罗马 小弟浅见