获取网页可见区域高度以及滚动条等信息的问题
来源:互联网 发布:淘宝客刷销量降权 编辑:程序博客网 时间:2024/05/16 08:58
最近在弄个项目,碰上了这些坐标的东西, 发现按语法去写,不好用 为0,要么就是为18,让人蛋疼,特此记录。
//计算网页文档内可见高度,浏览器兼容模式
function getPageHeight() {
var clientHeight = 0;
if (document.body.clientHeight && document.documentElement.clientHeight) {
clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.clientHeight;
} else {
clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
}
return clientHeight;
}
在IE中,如果发现需要的坐标无效,不防设置document.body 为 document.documentElement再尝试即可,依次类推,scollleft、scrollTop、scorllHeight、scrollWidth也如此。
ps:
1.如果顶部申明
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
document.body.scrollTop (结果貌似是0)
要改成
document.documentElement.scrollTop
- 获取网页可见区域高度以及滚动条等信息的问题
- js获取网页可见区域的高度和宽度
- js获取网页屏幕可见区域的高度
- 树的可见区域的获取和滚动条监听
- js获取网页屏幕可见区域高度
- js获取网页屏幕可见区域高度
- js获取网页屏幕可见区域高度
- s获取网页屏幕可见区域高度
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- JavaScript——获取网页屏幕可见区域高度
- javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- oracle 11g RAC 的一些基本概念(一)
- 使用存储过程创建一个表空间
- 导航例子
- 高级脑筋急转弯
- GlassFish v3.1 Felix remote 默认不被激活
- 获取网页可见区域高度以及滚动条等信息的问题
- 转入测试。
- 立体单元格也能起到隔行作用
- 国家计算机技术与软件专业技术资格(水平)考试与职称有何对应关系?
- 2011.9.30
- 如何保持代码整体的格式
- 散列表(哈希表) 处理冲突的方法
- 关于Debug和Release之本质区别的讨论
- Android[初级教程]第一篇 Button控件和TextView控件