better-scroll实现原理及注意点
程序员文章站
2022-04-14 13:13:52
better-scroll实现原理
详情描述
父容器固定高度,并设置属性 overflow:hidden,使得子元素高度超出容器后能被隐藏。better-scroll作用在父容...
better-scroll实现原理
详情描述
父容器固定高度,并设置属性 overflow:hidden,使得子元素高度超出容器后能被隐藏。better-scroll作用在父容器上。通过touch事件给子容器设置transform:translate()translateZ();
注意:
Vue中数据更新是异步的,在数据还没有加载完之前,BScroll是无法获取目标内容容器的高度的,就会出现无法滚动的现象。