JS判斷是否到達頁面底部

2021-07-08 16:15:13 字數 587 閱讀 4093

js判斷是否到達頁面底部

// 判斷標準：視窗高度 + 滾動條位置 >= 頁面高度


// 原生js 判斷整個文件到底部


// 視窗高度


var windowheight = document.documentelement.clientheight || document.body.clientheight;


window.onscroll = () => } 


//jq 判斷整個文件到底部


// 視窗高度


var w_h = parsefloat($(window).height());


$(window).scroll(function() 


}); 


//jq 判斷某個盒子到底部


// 盒子高度


var box_h = $('#showrankbox').height();


$('#showrankbox').scroll(function() 


})
注：jq 判斷某個盒子到底部時，如果css沒有定義該盒子的高度時，需將設定box_h的值**放在scroll方法中，否則盒子高度為0

JS判斷頁面是否載入完成

用 document.readystate complete 判斷頁面是否載入完成 傳回xml 檔案資料的目前狀況。基本語法 intstate xmldocument.readystate 說 明 這個屬性是唯讀的，傳回值有以下的可能 0 uninitialized xml 物件被產生，但沒有任何檔...

用js判斷頁面是否載入完畢

用document.onreadystatechange的方法來監聽狀態改變，然後用document.readystate complete 判斷是否載入完成 document.onreadystatechange function document.readystate 判斷文件是否載入完成。fi...

JS如何判斷滾動條是否滾到底部

判斷滾動條到底部，需要用到dom的三個屬性值，即scrolltop clientheight scrollheight。scrolltop為滾動條在y軸上的滾動距離。clientheight為內容可視區域的高度。scrollheight為內容可視區域的高度加上溢位 滾動 的距離。從這個三個屬性的介紹...