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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用 onPageScroll 将view滚动置顶相关的知识,希望对你有一定的参考价值。

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

效果:

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

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

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

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

以上是关于微信小程序使用 onPageScroll 将view滚动置顶的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-聊天功能下拉加载更多数据(历史聊天内容出现在顶部)

微信小程序 自定义下拉加载 对于ios弹性事件的处理

微信小程序-获取地理位置

[wx]微信小程序自定义下拉刷新

微信小程序实现动态改变view标签宽度和高度的方法

全栈开发工程师微信小程序-中(下)