document.body.scrollTop为零

最新推荐文章于 2020-10-22 15:05:42 发布

weixin_30585437

最新推荐文章于 2020-10-22 15:05:42 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/zhangabu585/archive/2008/10/02/1303263.html

本文介绍了解决document.body.scrollTop返回零的情况，提供了两种有效的方法，并通过示例代码展示了如何根据不同浏览器特性获取正确的滚动位置。

document.body.scrollTop为零，解决方法一：

把DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 改为：

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 即可；

方法二：

                var scrollPos;
         if ( typeof window.pageYOffset != ' undefined ' ) {
           scrollPos = window.pageYOffset;
        }
         else if ( typeof document.compatMode != ' undefined ' &&
             document.compatMode != ' BackCompat ' ) {
           scrollPos = document.documentElement.scrollTop;
        }
         else if ( typeof document.body != ' undefined ' ) {
           scrollPos = document.body.scrollTop;
        }
                alert(scrollPos);

例如：

Code
body部分

<div id="div1" style="width:150px; height:150px; background-color:#000066; position:absolute; top:0px; right:0px;"></div>
<div id="one" style="width:700px; height:1000px; border:1px solid red;"></div>

javascript 部分

                  window.onscroll=function(){
        var oDiv=document.getElementById("div1");
        var scrollPos;
        if (typeof window.pageYOffset != 'undefined') {
           scrollPos = window.pageYOffset;
        }
        else if (typeof document.compatMode != 'undefined' &&
             document.compatMode != 'BackCompat') {
           scrollPos = document.documentElement.scrollTop;
        }
        else if (typeof document.body != 'undefined') {
           scrollPos = document.body.scrollTop;
        }
    //    alert(document.body.clientWidth);
    //    alert(document.body.clientWidth);
    //    alert(document.body.scrollWidth);
        oDiv.style.top=scrollPos+"px";
    //    oDiv.style.left =document.documentElement.scrollLeft+"px";

转载于:https://www.cnblogs.com/zhangabu585/archive/2008/10/02/1303263.html