需求:当滚动到某个view的时候将view置顶 当滚动条回到view开始的位置下面时再回到原位置
效果:
效果图
实现: 使用 onPageScroll 方法首先检测到滚动的位置 e.scrollTop 在滚动的同时来获取view与顶部的距离,因为这个view 上面的view 是不固定的可以减少 或者增多所以要时时来检测变化的高度
获取关联的view置顶距离
判断 如果离顶部距离 为0 时 将view置顶 使用动态样式来判断
使用绝对定位布局
同时在检测顶部距离为0的时候记录一下高度 然后当滚动高度等于记录的高度的时候再讲view 返回
*******备注 条条大路通罗马 小弟浅见
需求:当滚动到某个view的时候将view置顶 当滚动条回到view开始的位置下面时再回到原位置 效果: 实现: ...
scroll-view 是什么? 微信小程序滚动视图，分为横向滚动，纵向滚动。以及滚动事件。 如何用? 纵向滚动-...
微信小程序使用scroll-view横向布局在iOS和Android上有不同的展示，iOS无滚动条，Android...
究极干货，完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边，右边滚动；右边滚动，左边...
网页开发的时候往往会为了页面的美观，而选择去掉滚动区域默认的滚动条。微信小程序实现scroll-view隐藏滚动条...
微信小程序去除scroll-view组件右边滑动条样式，但不会影响滑动效果/* 隐藏滚动条 */::-webkit...
使用如下样式可以去除小程序scroll-view组件的滚动条
小程序使用scroll-view的时候会显示滚动条 scroll-view使用方法代码链接：https://www...
在之前的文章中我相信大家对scroll-view有一定的了解，微信小程序如何实现scroll-view隐藏滚动条也...
本文标题：微信小程序使用 onPageScroll 将view滚动置顶
本文链接：https://www.haomeiwen.com/subject/ggjmyhtx.html
网友评论