社区
JavaScript
帖子详情
javascript中如何使用代码获得滚动条的高度
jsps2t89
2010-11-13 10:03:58
document.documentElement.clientHeight是浏览器的高度,但是它包含了标题栏、地址栏、菜单栏和工具栏,如何写出只有中间主体文档的高度啊,敬请高手指教
...全文
737
5
打赏
收藏
javascript中如何使用代码获得滚动条的高度
document.documentElement.clientHeight是浏览器的高度,但是它包含了标题栏、地址栏、菜单栏和工具栏,如何写出只有中间主体文档的高度啊,敬请高手指教
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zxlkrz21
2011-12-24
打赏
举报
回复
呃,楼主,明显二楼的东西比较好嘛,还包含兼容性,都帮你考虑了,你居然给的分少..
jsps2t89
2010-11-14
打赏
举报
回复
[Quote=引用 2 楼 hch126163 的回复:]
/********************
* 取窗口滚动条滚动高度
******************/
function getScrollTop()
{
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTo……
[/Quote]
2楼的不好意思,我是楼主,因为本人水平有限,只能看懂一楼的答复,所以分给一楼了,谢谢你的解答!
zhyzdl
2010-11-13
打赏
举报
回复
very good
hch126163
2010-11-13
打赏
举报
回复
/********************
* 取窗口滚动条滚动高度
******************/
function getScrollTop()
{
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTop=document.documentElement.scrollTop;
}
else if(document.body)
{
scrollTop=document.body.scrollTop;
}
return scrollTop;
}
/********************
* 取窗口可视范围的高度
*******************/
function getClientHeight()
{
var clientHeight=0;
if(document.body.clientHeight&&document.documentElement.clientHeight)
{
var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
else
{
var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
return clientHeight;
}
/********************
* 取文档内容实际高度
*******************/
function getScrollHeight()
{
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}
////////////////////////////////////////////////////
在IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
而如果没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标准要方便许多啊。
//////////////////////////////////////////////////////////////////////////////////////
网页可见区域宽:
document.body.clientWidth
网页可见区域高:
document.body.clientHeight
网页可见区域宽:
document.body.offsetWidth(包括边线的宽)
网页可见区域高:
document.body.offsetHeight(包括边线的宽)
网页正文全文宽:
document.body.scrollWidth
网页正文全文高:
document.body.scrollHeight
网页被卷去的高:
document.body.scrollTop
网页被卷去的左:
document.body.scrollLeft
网页正文部分上:
window.screenTop
网页正文部分左:
window.screenLeft
屏幕分辨率的高:
window.screen.height
屏幕分辨率的宽:
window.screen.width
屏幕可用工作区高度:
window.screen.availHeight
屏幕可用工作区宽度:
window.screen.availWidth
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/ityuany/archive/2009/11/30/4906961.aspx
runfriends
2010-11-13
打赏
举报
回复
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
javascript
自定义
滚动条
实现
代码
1、
滚动条
高度
2、每次点击向上、向下按钮的时候
滚动条
应该移动多少距离 3、每拖动1px
滚动条
,页面需要移动多少? 整个的框架大概是长这样的: 先来看看第一个问题。 由于目前已经知道内容区域的
高度
和内容...
javascript
获取页面的
高度
及
滚动条
的位置的
代码
代码
如下: var Viewport={ top : function(){ return window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop; }, height : function(){ return window...
学透
JavaScript
本课程将全面剖析
JavaScript
的运行机制,掌握最核心的语法和编程思维、
使用
丰富的实例来帮助学员的理解
JavaScript
、jQurey和AJAX技术。介绍笔试,面试环节
中
关于JS的常见问题,为将来的工作打下坚实基础。主讲老师...
javascript
简单实现跟随
滚动条
漂浮的返回顶部按钮效果
比较优秀的一款超过一屏
高度
才显示的,跟随
滚动条
漂浮的返回顶部按钮特效
代码
。 运行效果如下图所示: 完整实例
代码
如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
JQuery+DIV自定义
滚动条
样式的具体实现
JQuery计算
滚动条
长度和位置,
代码
如下:
javascript
代码
如下:[removed] var scrMinHeight = 1; //
滚动条
最小
高度
var scrMaxHeight = 0; //
滚动条
最大
高度
var scrDefualtTop = 80; //
滚动条
默认位置 var ...
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章