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

微信小程序使用 onPageScroll 将view滚动置顶,第1张

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

效果:

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

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

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

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

点击使用过某一小程序的话,我们返回到微信聊天页面,即可看到该小程序图标已经显示在顶端。使用过多个微信小程序之后,页面顶部图标会按照近期的小程序使用顺序来显示,最近使用的那个小程序图标会出现在第一项中。

以上就是关于微信小程序使用 onPageScroll 将view滚动置顶全部的内容,包括:微信小程序使用 onPageScroll 将view滚动置顶、微信如何让小程序置顶、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9665844.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存