精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
IE/FF/Chrome下document.documentElement和document.body的 scrollHeight/scrollTop/clientHeight 以及判斷滾動(dòng)條是否已拉

DTD已聲明
IE
document.documentElement.scrollHeight  瀏覽器所有內(nèi)容高度 ,document.body.scrollHeight  瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop  瀏覽器滾動(dòng)部分高度,document.body.scrollTop 始終為0
document.documentElement.clientHeight  瀏覽器可視部分高度,document.body.clientHeight  瀏覽器所有內(nèi)容高度


FF
document.documentElement.scrollHeight  瀏覽器所有內(nèi)容高度 ,document.body.scrollHeight  瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop  瀏覽器滾動(dòng)部分高度,document.body.scrollTop 始終為0
document.documentElement.clientHeight 瀏覽器可視部分高度,document.body.clientHeight  瀏覽器所有內(nèi)容高度


Chrome
document.documentElement.scrollHeight  瀏覽器所有內(nèi)容高度, document.body.scrollHeight  瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0,document.body.scrollTop  瀏覽器滾動(dòng)部分高度
document.documentElement.clientHeight  瀏覽器可視部分高度,document.body.clientHeight  瀏覽器所有內(nèi)容高度


DTD未聲明
IE
document.documentElement.scrollHeight  瀏覽器可視部分高度,document.body.scrollHeight  瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0,document.body.scrollTop  瀏覽器滾動(dòng)部分高度
document.documentElement.clientHeight 始終為0,document.body.clientHeight  瀏覽器可視部分高度


FF
document.documentElement.scrollHeight  瀏覽器可視部分高度, document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0,document.body.scrollTop 瀏覽器滾動(dòng)部分高度
document.documentElement.clientHeight 瀏覽器所有內(nèi)容高度,document.body.clientHeight 瀏覽器可視部分高度


Chrome 
document.documentElement.scrollHeight 瀏覽器可視部分高度,document.body.scrollHeight 瀏覽器所有內(nèi)容高度
document.documentElement.scrollTop 始終為0,document.body.scrollTop 瀏覽器滾動(dòng)部分高度
document.documentElement.clientHeight 瀏覽器所有內(nèi)容高度,document.body.clientHeight 瀏覽器可視部分高度

瀏覽器所有內(nèi)容高度即瀏覽器整個(gè)框架的高度,包括滾動(dòng)條卷去部分+可視部分+底部隱藏部分的高度總和

瀏覽器滾動(dòng)部分高度即滾動(dòng)條卷去部分高度即可視頂端距離整個(gè)對(duì)象頂端的高度。


綜上

1、document.documentElement.scrollTop和document.body.scrollTop始終有一個(gè)為0,所以可以用這兩個(gè)的和來(lái)求scrollTop

2、scrollHeight、clientHeight 在DTD已聲明的情況下用documentElement,未聲明的情況下用body

這里之前有誤, document.compatMode 可以用來(lái)判斷是否聲明了DTD, 值為"BackCompat":未聲明,值為"CSS1Compat":已聲明。

所以,判斷滾動(dòng)條是否已拉到頁(yè)面最底部,可以用如下代碼

window.onscroll  = function (){    var marginBot = 0;    if (document.compatMode === "CSS1Compat"){        marginBot = document.documentElement.scrollHeight - (document.documentElement.scrollTop+document.body.scrollTop)-  document.documentElement.clientHeight;    } else {        marginBot = document.body.scrollHeight - document.body.scrollTop-  document.body.clientHeight;    }    if(marginBot<=0) {        //do something            }}

 

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶(hù)發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
javascript知識(shí)點(diǎn)收藏
原生 js 獲取元素的各種位置 (大全
scrollLeft,scrollTop等等詳解
js獲取瀏覽器高度和寬度值(多瀏覽器)
clientHeight , scrollHeight , offsetHeight
DIV始終居中的半透明彈出層
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

主站蜘蛛池模板: 宁乡县| 晋州市| 石景山区| 洪洞县| 江城| 唐山市| 富平县| 闻喜县| 宾川县| 兖州市| 左云县| 平塘县| 东海县| 雅安市| 远安县| 沾化县| 原平市| 新郑市| 蚌埠市| 阳新县| 抚远县| 塘沽区| 贵德县| 资源县| 忻城县| 泰顺县| 苗栗县| 遂溪县| 佛山市| 永福县| 积石山| 孝义市| 齐河县| 定兴县| 洞口县| 化德县| 郧西县| 都匀市| 漳浦县| 临城县| 北海市|