科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道基础软件scrollTOP scrollLeft clientHeight clientWidth 的各浏览器版修正

scrollTOP scrollLeft clientHeight clientWidth 的各浏览器版修正

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

有了这个兼容式的代码,scrollTOP scrollLeft clientHeight clientWidth就可以跨各种浏览器,跨XHTML标准取到精确的值了。

作者:meizz 来源:CSDN 2008年1月20日

关键字: 修正 浏览器版

  • 评论
  • 分享微博
  • 分享邮件

var bodySL, bodyST;
if(window.pageXOffset)
{
    bodySL=window.pageXOffset;
}
else if(document.documentElement&&document.documentElement.scrollLeft)
{
    bodySL=document.documentElement.scrollLeft;
}
else if(document.body)
{
    bodySL=document.body.scrollLeft; //author: meizz
}

if(window.pageYOffset)
{
    bodyST=window.pageYOffset;
}
else if(document.documentElement&&document.documentElement.scrollTop)
{
    bodyST=document.documentElement.scrollTop;
}
else if(document.body)
{
    bodyST=document.body.scrollTop;
}


var bodyCW, bodyCH;
if(window.innerWidth)
{
    bodyCW=window.innerWidth;
}
else if(document.documentElement&&document.documentElement.clientWidth)
{
    bodyCW=document.documentElement.clientWidth;
}
else if(document.body)
{
    bodyCW=document.body.clientWidth; //author: meizz
}

if(window.innerHeight)
{
    bodyCH=window.innerHeight;
}
else if(document.documentElement&&document.documentElement.clientHeight)
{
    bodyCH=document.documentElement.clientHeight;
}
else if(document.body)
{
    bodyCH=document.body.clientHeight;
}


查看本文来源
    • 评论
    • 分享微博
    • 分享邮件
        邮件订阅

        如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

        重磅专题
        往期文章
        最新文章