h5开发微信快速下滑留白

Question

下滑时会出现空白条，不滑动时空白条消失，代码与下列代码类似:

    <div class="pro_list">
        <div class="pro_div">
            <div><img src="img.png"/></div>
            <div>
                <div>商品名称</div>
                <div>商品价格</div>
            </div>
        </div>
        <div class="pro_div">
            <div><img src="img.png"/></div>
            <div>
                <div>商品名称</div>
                <div>商品价格</div>
            </div>
        </div>
    <div>
    
    但是数据是由后台读取的，有哪位大神遇到过啊？小子求救啊。。。

Answer 1

开启硬件加速

.css { 
-webkit-transform: translate3d(0,0,0); 
-moz-transform: translate3d(0,0,0); 
-ms-transform: translate3d(0,0,0); 
transform: translate3d(0,0,0); 

}

Answer 2

你可以不要给页面高度。然后先隐藏元素。等数据加载完成了再显示元素。这样不存在快速拖动时数据或图片返回不及时的情况。由于高度没固定死，所以页面也没有多余的空间让用户拖动。
然后再加一个loading