Use JS to display the waterfall stream effect (simple example) and js waterfall

Use JS to display the waterfall stream effect (simple example) and js waterfall

I wonder if you have found that general image display websites use waterfall stream effects, the so-called waterfall stream.

That is, the images in the website will not be cached all at once, but when you scroll to a certain distance,

The image below will continue to be cached, and the image will appear randomly, but the width is the same and the height is not

In the same way, high, low, and like a waterfall, it is called the waterfall flow effect. I will give you the code below.

Try a few images.

<! DOCTYPE html> 
The above section uses JS to show the waterfall stream effect (simple example). It is all the content shared by Alibaba Cloud xiaobian. I hope you can give us a reference and support for helping customers.