H5 developer Wechat quickly slips down and leaves a blank.

A blank bar appears when it slips, and the space-time blank bar disappears without sliding. The code is similar to the following code:

    <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>
    
    
Sep.03,2021

enable hardware acceleration

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

}


you don't have to give the page height. Then hide the element first. Wait until the data is loaded before displaying the element. In this way, there is no case that the data or picture is not returned in time when you drag quickly. Because the height is not fixed, there is no extra space for the user to drag on the page.
then add another loading

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3a3a8-2c1ed.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3a3a8-2c1ed.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?