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>

Css javascript html5

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

Previous: On the delay parameters of setTimeout

Next: The invocation of internal API, the way that all kinds of case have thrown exceptions, or the way of returning values.

Webpack, why can't the path be displayed to the picture when the picture is packaged successfully?
css webpackconfig module: { preLoaders: [ {test: .(js|jsx)$ , loader: "eslint-loader", exclude: node_modules } ], loaders: [ { test: .(js|jsx)$ , exclude...

React.js html css javascript html5

Mar.02,2021
Webpack4 packaging error
webpack.conf.js const path = require( path ); const webpack = require( webpack ); const HtmlWebpackPlugin = require( html-webpack-plugin ); const uglify = require( uglifyjs-webpack-plugin ); module.exports={ entry:{ ...

Css javascript html5 node.js

Mar.02,2021
The grammatical difference between html and css, and whether you want to learn html5? directly.
< H2 > now that you are getting started with front-end programming, can you learn html5 + css? directly across html, < H2 > the reason for my question is: recently got in touch with html, spent more than two weeks reading more than 200 pages of a boo...

Css javascript html5 html

Mar.02,2021
Is there a cascading carousel based on vue2.0 mobile terminal, asking for sharing, online, etc., thank you
has anyone ever used or known this kind of cascading carousel for mobile, element-ui is PC for mobile, it will collapse for mobile? do you know, wait for online, etc....

Vue.js css javascript html5

Mar.03,2021
WeChat Mini Programs's time display is correct in Wechat's development tools, but not on the real machine.
the time display is correct in Wechat s development tools, and iphone5,6,7 is OK, but the picture description is not correct on the real machine ...

WeChat-Mini-Programs css javascript html5

Mar.03,2021
How do I display the scroll bar when the content of the H5 page on the mobile side exceeds the content?
in writing the company s mobile H5 page CSS: I ve set up overflow: auto; to scroll now, but when the scroll bar scrolls, it displays, no scrolling, no display! scrolls but does not display scroll bars on the mobile side. Is there any way to make...

Css javascript html5

Mar.03,2021
There is a line break for multiple Chinese symbols on the HTML tag.
problems in developing web pages on mobile F12 is like this. After I delete a few punctuation marks, the page will return to normal . ...

Css javascript html5

Mar.03,2021
I would like to ask you how to click the favorites button, the words "favorites" are displayed in the middle of the page, and the collection has been cancelled.
can you give me a detailed explanation of the train of thought, process and technology? the key question is how to display words in the middle of the page ...

Jquery css javascript html5

Mar.04,2021
The problem with iframe
normal web pages such as a.html : <body> <div>< div> < body> when the height of the div is higher than the screen display, a scroll bar appears on the right side, and the body will be pushed open to the same height as the...

Html css javascript html5

Mar.05,2021
Files are stored in cloud storage. There is a cross-domain resource problem when obtaining files using CDN.
< H2 > question < H2 > css,js files are stored in Tencent Cloud s cos (object Cloud Storage), where font.css has a request to obtain fonts, icons and other files in the same directory. Some of the code is as follows. @font-face { font-family: So...

Html css javascript html5 nginx

Mar.05,2021
Does vue-quill-editor have the function of adding attachments?
does vue-quill-editor have the function of adding attachments ...

Html css javascript html5

Mar.05,2021
How to hide the address bar and toolbar on the page under the mobile safari?
Mobile browser opens Baidu, swipes fingers up, browser address bar and toolbar are automatically hidden, and swiping down returns to normal. May I ask you Daniel how to achieve this effect? Do you want to call some API or meta tag? ...

Css javascript html5

Mar.06,2021
Android phone video compatibility video becomes smaller
The code is very simple: a video tag src is a mp4 of base64 shows my Samsung phone can set a resolution of 720p, this piece of video will be a little bigger 1080p, as shown in figure 2K resolution video will become smaller how to deal with this si...

Css javascript html5

Mar.10,2021
All the content on the page cannot be copied?
none of the content in my project can be copied manually with the mouse none of the elements on my page can be copied manually with the mouse content like this cannot be copied manually ...

Html css javascript html5 iview

Mar.11,2021
Music playback src with hotlink protection cannot be played in iOS WeChat Mini Programs, but can be played in Android and development tools.
such as the question, has added servicewechat.com to the whitelist of Qiniuyun; but it still cannot be played in iOS WeChat Mini Programs; it can also be played in ordinary src iOS; playing audio with hotlink protection has no problem with d...

Css javascript html5 node.js

Mar.11,2021
Mini Program map component ciecles is invalid
Mini Program can see the circle on the developer tool, but not on the preview on the phone! You can only see the coordinate points picture description ...

Html css javascript html5

Mar.11,2021
H5 developers use zoom pages to fit the ios plus. There will be white lines at the bottom of the Android.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>< title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,m...

Css javascript html5

Mar.12,2021
Wechat's sharing disrupted animation.
there are 4 animations. One after another, the animation of browsing the page with delay time is normal but when Wechat opened the sharing, it was time to select friends and deselect and found that several animation delays of the original page were all...

Css javascript html5 html

Mar.12,2021
What is the situation of incomplete display of webpack picture path
...

Html css javascript html5 node.js

Mar.12,2021
Vue-video-player modifies the style of the control bar?
how do I customize a bottom control bar? The original style and location do not meet the requirements of the design. ...

Html css javascript html5

Mar.13,2021