社区
JavaScript
帖子详情
怎么获得当前DOCUMENT(比较长,出现滚动条)的从页头到页尾的高度?
cooler
2006-05-28 04:15:18
我找了MSDN,看到
document.body这个object有3个高度属性:
clientHeight,这个好像只是当前IE窗口的显示高度。
offsetHeight,这个类似,好像是当前IE窗口的显示高度减去了状态栏啊什么的高度。
scrollHeight,这个是从页头到当前窗体滚动到的高度。
问题是:
我想知道文档从页头到页尾的整个高度啊,应该怎么取得呢?
...全文
369
13
打赏
收藏
怎么获得当前DOCUMENT(比较长,出现滚动条)的从页头到页尾的高度?
我找了MSDN,看到 document.body这个object有3个高度属性: clientHeight,这个好像只是当前IE窗口的显示高度。 offsetHeight,这个类似,好像是当前IE窗口的显示高度减去了状态栏啊什么的高度。 scrollHeight,这个是从页头到当前窗体滚动到的高度。 问题是: 我想知道文档从页头到页尾的整个高度啊,应该怎么取得呢?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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
打赏
举报
回复
你现在看到我的帖子的时候,这个文档就是很长的,出现了滚动条的窗体。我想知道的就是这个文档从页头到页尾的高度。
前端打印时js分
页
实现共几
页
和第几
页
本文将详细介绍如何使用JavaScript(js)在前端实现分
页
功能,包括显示总
页
数、
当前
页
数,以及触底自动换
页
,并在每
页
表
头
增加固定部分,如金额大写转换和
当前
时间获取。 一、分
页
基础 1. 数据分块:分
页
的核心是...
javaScript来实现拖拽
页
面
滚动条
但是这个是有限制,例如
当前
页
面
高度
太
长
,默认是
页
上半部分,你定位的元素在
页
尾
,这个时候可能就会报元素不可见的异常。我们就需要利用javaScript来实现拖拽
页
面
滚动条
。 我们一般可以两个方法去拖拽,一个是根据...
php自动滚动到
页
尾
,javascript 让DIV的滚动自动滚动到最底部 - 4种方法
聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的
滚动条
。网上有资料介绍说通过设置scrollTop属性来控制
滚动条
位置,具体可参见:...
网
页
不滚动的多种方式
让浏览器禁止滚动,内容不能超出一
页
屏
java+selenium操作下拉
滚动条
<搬代码>
【代码】java+selenium操作下拉
滚动条
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章