现在的位置: 首页 > 综合 > 正文

获取网页可见区域高度以及滚动条等信息的问题

2013年09月20日 ⁄ 综合 ⁄ 共 937字 ⁄ 字号 评论关闭

 

最近在弄个项目,碰上了这些坐标的东西, 发现按语法去写,不好用 为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 

抱歉!评论已关闭.