<!doctype Html>"Utf-8"><meta name="author"Content="Smart Club-zhinengshe.com"><meta name="Copyright"Content="Smart Club-zhinengshe.com"><title> Smart Club-www.zhinengshe.com</title><style>* {margin:0; Padding0; } div {width:966px; margin:10px auto;} UL {float: Left; width:300px; Margin010px; border:1px solid Red;} Li {background: #ccc; list-style:none; margin-bottom:20px;}</style><script>window.onload=function () {varAul=document.getelementsbytagname ('ul'); varAtmpul=[]; for(varI=0; i<aul.length;i++) {Atmpul.push (aul[i]); } appendli (); function Appendli () { for(varI=0;i< -; i++) { varOli=document.createelement ('Li'); OLi.style.height=rnd ( -, -)+'px'; Oli.innerhtml='have you eaten yet? '; //Compare size to get the least height of oneAtmpul.sort (function (UL1,UL2) {returnul1.offsetheight-Ul2.offsetheight; }); atmpul[0].appendchild (oLi); } }; Window.onscroll=function () {varScrollheigt=document.body.scrollheight;//gets the height of the content, the browser is different also has the difference varScrolltop=document.documentelement.scrolltop | |Document.body.scrollTop; varscrllbottom=scrolltop+Document.documentElement.clientHeight; if(scrllbottom>=scrollheigt) {Appendli (); } }; function rnd (n,m) {returnparseint (Math.random () * (m-n) +N); } };</script>Simple Waterfall Flow