請問為什么document.body.scrollHeight高度為0
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">?
</head>
<body>
<script type="text/javascript">
var w = document.documentElement.scrollWidth;
var h = document.documentElement.scrollHeight;
var wb = document.body.scrollWidth;
var hb = document.body.scrollHeight;
document.write(w+"/"+h+"<br/>");
document.write(wb+"/"+hb);
</script>
</body>? ??
</html>
hb輸出結果為0請問為什么呢？
2021-04-21
<style>
? ? ? ? html, body {
? ? ? ? height: 100%;?
??
? ? }
? ? </style>
樣式設置下高度，就能得到正常的了
2019-04-08
我試了一下scrollTop，我已經凌亂了，無論我用body還是documentElement，scrollTop都是0。
不過照你說的我刪掉了<!DOCTYPE>，scrollHeight確實不是0了，用body的scrollWidth和scrollHeight，與用documentElement的值完全相同了...這是一門玄學
2019-04-08
最近寫了一個拖動層的HTML頁面, ? 需要獲取滾動條當前的位置.
于是我使用document.body.scrolltop獲取y方向滾動的位置...奇怪的事情出現了! 無論滾動條怎么滾動, document.body.scrolltop竟然一直都是0!
對比以前寫的一個頁面.發現區別很小. 舊頁面卻沒有問題.這就怪了...
我開始一點一點的排除,去掉多于的代碼. 直到我去掉文檔最頂部的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
頁面此時才正常.
原來是這行東西造成IE無法獲取document.body.scrolltop!
把頂部這兩行刪掉將可以了.但是為什么會這樣呢?
google一下,發現改成:
document.body.scrollTop?
要改成?
document.documentElement.scrollTop