1. 程式人生 > >滾動頁面,加載元素,實現邏輯

滾動頁面,加載元素,實現邏輯

height 加載 set clas 提前 fse () -s fun

 1 <script>
 2     $(function(){
 3         $(window).scroll(function () { //滾動觸發
 4             var scrollTop = $(this).scrollTop();//已滾動的高度
 5             var windowHeight = $(this).height();//可視屏幕高度
 6             var lastOffsetTop= $("#zntj_box div:last")[0].offsetTop;//某個元素距離最頂部的高度
 7             if
((scrollTop + windowHeight) < lastOffsetTop - 10)//可視高度+已滾動的高度 < 某個元素到頂部高度,則說明還沒滾動到此元素位置,-10是為了提前加載 8 return; 9 getData();//獲取數據加載 10 }); 11 }) 12 </script>

滾動頁面,加載元素,實現邏輯