获取网页可见区域高度以及滚动条等信息的问题
2011-09-30 10:56
253 查看
最近在弄个项目,碰上了这些坐标的东西, 发现按语法去写,不好用 为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
//计算网页文档内可见高度,浏览器兼容模式
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/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度
- 窗体、滚动条宽度和高度获取以及document.body和document.documentElement,document.compatMode解释(网页高度宽度)
- js获取网页屏幕可见区域高度
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- js获取网页屏幕可见区域高度
- 黄聪:js 获取浏览器、Body、滚动条、可见区域、页面、边框、窗口高度和宽度值(多浏览器)
- 实用的Javascript获取网页屏幕可见区域高度
- js获取网页屏幕可见区域高度
- js获取网页可见区域的高度和宽度
- [js]获取网页屏幕可见区域高度
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- js获取网页屏幕可见区域高度
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度
- s获取网页屏幕可见区域高度
- JavaScript——获取网页屏幕可见区域高度
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- [转载]js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码