
scroll
翻譯過來就是滾動。在js中稱為滾動事件,當用戶滾動到指定位置或元素時會觸發(fā)scroll事件。
scroll事件適用于所有可滾動的元素和window對象(瀏覽器 窗口),scroll()方法出阿發(fā)scroll事件,或規(guī)定scroll事件時,運行的函數(shù)。
$(document).height();//整個網(wǎng)頁的高度
$(window).height();//瀏覽器可視窗口的高度
$(window).scrollTop();//瀏覽器可視窗口頂端距離網(wǎng)頁頂端的高度(垂直偏移)
jquery對應(yīng)算得的高度
$(window).height();//瀏覽器當前可視窗口的高度
$(document).height();//瀏覽器當前窗口文檔的高度
$(document.body).height();//瀏覽器當前窗口文檔body的高度
$(document.body).outerHeight(true);//瀏覽器當前文檔body的高度,包括border,padding,margin
$(window).width();//瀏覽器當前窗口可視區(qū)域的寬度
$(document).width();//瀏覽器當前窗口文檔對象的寬度。
$(document.body).width();//瀏覽器當前窗口文檔body的寬度
$(document.body).outerWidth(true);//瀏覽器當前窗口文檔body的總寬度,包括border,padding,margin
javascript的各種寬度
網(wǎng)頁可見區(qū)域?qū)抂僅針對body]: document.body.clientWidth
網(wǎng)頁可見區(qū)域高[僅針對body]: document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)抂僅針對body]: document.body.offsetWidth (包括滾動條和邊框,若滾動條和邊框為0,則和clientWidth相等)
網(wǎng)頁可見區(qū)域高[僅針對body]: document.body.offsetHeight (包括滾動條和邊框,若滾動條和邊框為0,則和clientHeight相等)
可視窗口寬度(包括滾動軸寬度):window.innerWidth; //IE9+、Chrome、Firefox、Opera 以及 Safari
可視窗口高度,不包括瀏覽器頂部工具欄: window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari
網(wǎng)頁正文全文寬(不包括滾動軸的寬度): document.body.scrollWidth
網(wǎng)頁正文全文高:document.body.scrollHeight
//假如網(wǎng)頁中沒有滾動軸,document.body.scrollWidth和window.innerWidth相等,document.body.scrollHeight和window.innerHeight相等。
網(wǎng)頁被卷去的高: document.body.scrollTop
網(wǎng)頁被卷去的左: document.body.scrollLeft
網(wǎng)頁正文部分上: window.screenTop
網(wǎng)頁正文部分左: window.screenLeft
屏幕分辨率的高(整個屏幕的高度): window.screen.height
屏幕分辨率的寬(整個屏幕的寬度): window.screen.width
屏幕可用工作區(qū)高度: window.screen.availHeight
屏幕可用工作區(qū)寬度: window.screen.availWidth
整個瀏覽器可用工作區(qū)高度: window.outerHeight
整個瀏覽器可用工作區(qū)寬度: window.outerWidth