微信小程序 吸顶盒效果

2017-11-23  本文已影响0人  大尾巴蚂蚁

跟Vue 一样,小程序也不能直接进行DOM 操作,需要试试监听滚动事件。微信封装好了   这里绑定的事件 scroll ,高度必填,否则事件不触发。 因为我做的高度  为整屏 滑动,所以 100vh,当然你也可以用其他方式高度。

因为 监听滚定高度一定时,添加固定定位,抽离文档流。会导致布局整体向上浮动 一定的高度。 需要 做出两个判断,滚动到一定位置时候,一个 给固定定位,一个用padding 撑开内容,不会产生视觉误差,导致卡顿。

疑问

吸顶时候,如果左右点击 数据 长度不一样, 点击另外一个只有 一条数据的时候,高度不足以支撑滑动,整个 效果 会立即恢复初始状态。此刻 滑动效果不会保留,如何解决这个问题呢?如果有解决方式麻烦指点下。

此外,Vue 中有个很好用的插件better-scroll大神写的插件 确实很好用。微信封装的这个 快速滚动时候会监听不到位,也不知道怎么解决  , 求大佬帮助 0.0

上一篇下一篇

猜你喜欢

热点阅读