本文详细介绍了Scroll组件，它是一个基于better-scroll封装的滚动列表组件，提供流畅的原生滚动体验。关键在于内容元素的高度需超过容器，且滚动容器需设置固定高度。此外，`position: absolute`和`top: 90px`对于实现固定布局和正确滚动至关重要。了解这些原理有助于优化和应用Scroll组件。
Scroll
滚动列表，提供了优质的原生滚动体验，便捷的配置项和事件，是一个基于better-scroll进行封装的组件。
由于 better-scroll 的滚动原理为：在滚动方向上，第一个子元素的长度超过了容器的长度。
那么对于 Scroll 组件，其实就是内容元素.cube-scroll-content在滚动方向上的长度必须大于容器元素 .cube-scroll-wrapper
注意：由上面的滚动原理可知，这里给滚动容器提供一个固定高度是必须的，同时只有在滚动内容的高度大于容器高度时才可滚动。
其他解释参考上边
position: absolute top: 90px
这两个元素很重要，一个是固定布局，一个是容器的高度，需要减去上边已经使用的高度
扫一扫
159
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
