                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请问为什么document.body.scrollHeight高度为0

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

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请问为什么呢？

鹿一思

2019-04-06

源自：JavaScript进阶篇 9-19

关注问题我要回答

5152

操作

收起

3 回答

weixin_慕妹1030651
2021-04-21

<style>

html, body {

height: 100%;

}

</style>

样式设置下高度，就能得到正常的了

0 回复有任何疑惑可以回复我~

收起回答

鹿一思提问者
2019-04-08

我试了一下scrollTop，我已经凌乱了，无论我用body还是documentElement，scrollTop都是0。

不过照你说的我删掉了<!DOCTYPE>，scrollHeight确实不是0了，用body的scrollWidth和scrollHeight，与用documentElement的值完全相同了...这是一门玄学

1 回复有任何疑惑可以回复我~

收起回答

喵小沫
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

0 回复有任何疑惑可以回复我~

收起回答

鹿一思提问者

我试了一下scrollTop，我已经凌乱了，无论我用body还是documentElement，scrollTop都是0。不过照你说的我删掉了<!DOCTYPE>，scrollHeight确实不是0了，而是，用body的scrollWidth和scrollHeight，与用documentElement的值完全相同了...本来用body的scrollWidth值相对小一些。这是一门玄学...

2019-04-08 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答高度为什么是0

3 回答高度为什么是0？？

2 回答为什么高度是0啊

2 回答高度和宽度都为0

2 回答为什么高输出为0？

搜索更多本课相关问答

请问为什么document.body.scrollHeight高度为0

我要回答关注问题

热搜

最近搜索清空

请问为什么document.body.scrollHeight高度为0

3 回答

本课相似问答

请问为什么document.body.scrollHeight高度为0