美文网首页
微信小程序使用 onPageScroll 将view滚动置顶

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

作者: 灵魂旅者s | 来源:发表于2020-03-22 10:24 被阅读0次

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

    效果:

    效果图

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

    获取关联的view置顶距离

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

    使用绝对定位布局

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

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

    相关文章

      网友评论

          本文标题:微信小程序使用 onPageScroll 将view滚动置顶

          本文链接:https://www.haomeiwen.com/subject/ggjmyhtx.html