Vue 使用better-scroll自动折叠消失

问题：

在显示子组件时，使用异步创建better-scroll对象，成功创建，但是better-scroll自动向外折叠消失

 

原因：

1.生成better-scroll对象中，只能有一层父容器，使用其包裹着整个滚动的对象，如下

// 挂载点
<div ref=scroll>
    <div class=“child”>滚动内容</div>
</div>

2.better-scroll会自动计算child的高度，并生成滚动

child元素不可以使用position:fixed/absoluted,

否则better-scroll将无法进行计算,出现自动滚动折叠消失的现象

 

解决方法：

child元素，不使用position:fixed/absoluted

 

 

 

本文为个人学习笔记，如有错误，请指点迷津，谢谢