欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

better-scroll实现原理及注意点

程序员文章站 2022-07-02 16:22:18
better-scroll实现原理 详情描述 父容器固定高度,并设置属性 overflow:hidden,使得子元素高度超出容器后能被隐藏。better-scroll作用在父容...

better-scroll实现原理

详情描述

父容器固定高度,并设置属性 overflow:hidden,使得子元素高度超出容器后能被隐藏。better-scroll作用在父容器上。通过touch事件给子容器设置transform:translate()translateZ();

注意:

Vue中数据更新是异步的,在数据还没有加载完之前,BScroll是无法获取目标内容容器的高度的,就会出现无法滚动的现象。