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

 

 

 

本文为我的学习笔记，若有错误，请指点迷津，谢谢