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

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

效果:

效果图

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

获取关联的view置顶距离

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


使用绝对定位布局

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容