社区
JavaScript
帖子详情
怎么获得当前DOCUMENT(比较长,出现滚动条)的从页头到页尾的高度?
cooler
2006-05-28 04:15:18
我找了MSDN,看到
document.body这个object有3个高度属性:
clientHeight,这个好像只是当前IE窗口的显示高度。
offsetHeight,这个类似,好像是当前IE窗口的显示高度减去了状态栏啊什么的高度。
scrollHeight,这个是从页头到当前窗体滚动到的高度。
问题是:
我想知道文档从页头到页尾的整个高度啊,应该怎么取得呢?
...全文
400
13
打赏
收藏
怎么获得当前DOCUMENT(比较长,出现滚动条)的从页头到页尾的高度?
我找了MSDN,看到 document.body这个object有3个高度属性: clientHeight,这个好像只是当前IE窗口的显示高度。 offsetHeight,这个类似,好像是当前IE窗口的显示高度减去了状态栏啊什么的高度。 scrollHeight,这个是从页头到当前窗体滚动到的高度。 问题是: 我想知道文档从页头到页尾的整个高度啊,应该怎么取得呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
13 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
cooler
2006-06-21
打赏
举报
回复
感谢指教。结贴了。谢谢啊。看来还是我测试的代码有误。
seeu1688
2006-05-30
打赏
举报
回复
scrollHeight
注意文档类型声明<!DOCTYPE ...>
IE6加入了Strict模式后,将IE窗口模型的部分body属性重新定义为document.documentElemnt(html)属性。
可加入如下代码判别,已兼容Transitional/Strict模式
<SCRIPT LANGUAGE="JavaScript">
window.onload = function(){
window["viewport"] = (document.documentElement && document.documentElement.clientHeight)?document.documentElement:document.body;
alert(viewport.scrollHeight)
}
</SCRIPT>
IE/FF对于viewport对象解析略有不同,scrollHeight数值上有所差异
sanshisong
2006-05-28
打赏
举报
回复
MARK
hbhbhbhbhb1021
2006-05-28
打赏
举报
回复
楼主试的是什么?scrollHeight和滚动条滚动到哪没有关系。
测试可以用下面的程序。
楼主试的应该是scrollTop属性。
<script language=javascript>
function hehe()
{
alert(document.body.scrollHeight)
}
</script>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<input name=button1 type=button value="按" onclick="hehe()"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
cooler
2006-05-28
打赏
举报
回复
我试过了,SCROLLHEIGHT不是,只是当前滚屏到的高度。如果还没有滚动到底,那么就不是最后的高度。
cpio
2006-05-28
打赏
举报
回复
整个页面高度:document.body.scrollHeight
显示区域高度:document.body.clientHeight
cooler
2006-05-28
打赏
举报
回复
感谢大家支持,看看还有没有什么完美一点的解决阿方案
cooler
2006-05-28
打赏
举报
回复
1、滚动的解决方案:
可是如果我滚动到底,用户界面效果会很不好啊。
用户肯定会奇怪为什么网页会自己往下滚啊。
2、作标记:
在页头和页尾做2个标记,取二者的绝对位置然后相减
问题是如何取得二者的绝对位置呢?
是是非非
2006-05-28
打赏
举报
回复
scrollTo 99999
是是非非
2006-05-28
打赏
举报
回复
滚动到底部再计算 clientHeight+scrollHeight
DeluxWorld
2006-05-28
打赏
举报
回复
比较笨的方法
在页头和页尾做2个标记,取二者的绝对位置然后相减
cooler
2006-05-28
打赏
举报
回复
请指教啊。谢谢了。
cooler
2006-05-28
打赏
举报
回复
你现在看到我的帖子的时候,这个文档就是很长的,出现了滚动条的窗体。我想知道的就是这个文档从页头到页尾的高度。
浏览器
滚动条
高度
的获取
本文介绍了不同浏览器环境下获取
滚动条
高度
的方法,对于有doctype声明的
页
面推荐使用
document
.
document
Element.scrollTop,对于无doctype声明的
页
面则使用
document
.body.scrollTop,而Safari浏览器则需使用window.pageYOffset。
js获取窗口
滚动条
高度
、窗口可视范围
高度
、文档实际内容
高度
、
滚动条
离浏览器底部的
高度
本文介绍了如何使用JavaScript获取网
页
的可视
高度
、
滚动条
位置及文档的实际
高度
,提供了具体实现的函数,包括获取窗口可视范围的
高度
、窗口
滚动条
高度
及文档内容实际
高度
的方法。
dom元素
滚动条
高度
js_jquery如何获取元素的
滚动条
高度
等实现代码
本文介绍了使用JavaScript和jQuery获取浏览器显示区域、文档尺寸、
滚动条
位置以及元素的
高度
、宽度和偏移量的方法。包括$(window).height()、$(
document
).scrollTop()等,还提到了offset()方法的详细使用,以及如何计算元素相对于特定祖先元素的位置。此外,还涉及到子
页
面如何控制父
页
面的
滚动条
。
jquery ,Javascript 获取
滚动条
高度
和位置, 元素距
页
头
高度
本文详细介绍了如何使用jQuery和JavaScript获取网
页
的各种尺寸与位置信息,包括浏览器显示区域的宽高、
页
面文档的宽高、
滚动条
的位置以及元素距离
页
面顶部的距离。提供了具体的代码示例,适用于不同浏览器。
[js] 获取浏览器
当前
页
面的
滚动条
高度
的兼容写法
本文介绍了一种兼容多种浏览器的写法来获取
当前
页
面
滚动条
的
高度
,该方法利用了JavaScript中的
document
对象,通过检查
document
.
document
Element.scrollTop与
document
.body.scrollTop来实现。
JavaScript
87,990
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章