當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

关于scrollTop为0以及解决方法

發布時間：2025/7/14 编程问答 20 豆豆

生活随笔收集整理的這篇文章主要介紹了关于scrollTop为0以及解决方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一.當有DOCTYPE聲明的時候，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
需要用document.documentElement.scrollTop方法來獲取滾動條高度。
當沒有聲明的時候，用document.body.scrollTop方法。
所以我們需要用到if...else...去判斷。
如果有DOCTYPE聲明，我們該怎么辦，如果沒有DOCTYPE聲明，我們該怎么辦。
var scotop ;
if(document.body.scrollTop){
scotop = document.body.scrollTop;
}else{
scotop = document.documentElement.scrollTop
}
二.這個方法是google找來的。

var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { scrollPos = document.documentElement.scrollTop; } else if (typeof document.body != 'undefined') { scrollPos = document.body.scrollTop; } 程序解釋：解釋1： document.body.scrollTop:就是滾動條頂部到網頁頂部的這段距離 window.pageYOffset是NS專用屬性，它的含義和IE下的document.body.scrollTop一樣。解釋2: 當文檔有了標準聲明時， document.compatMode 的值就等于 "CSS1compat"，當沒聲明的時候， document.compatMode 的值等于 "BackCompat"，所以想判斷文檔是否有聲明，可以這么寫： if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){ } 解釋3: 當文檔沒有聲明的時候，可以用 document.body.scrollTop;來獲取滾動條高度。 from: cssrain.cn

轉載于:https://www.cnblogs.com/ksyou/archive/2009/05/11/1453958.html

總結

以上是生活随笔為你收集整理的关于scrollTop为0以及解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： SQL 遍历父子关系表（二叉树）获得所有
下一篇：牛津剑桥古怪面试题：美女与经济学