加载中…
个人资料
顽主老大
顽主老大
  • 博客等级:
  • 博客积分:0
  • 博客访问:19,610
  • 关注人气:0
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

应用WEB标准会使ScrollTop属性失效!!!

(2005-12-05 10:20:51)
分类: UI/AJAX/WEB2.0
应用WEB标准会使ScrollTop属性失效!!!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
应用WEB标准会使ScrollTop属性失效!!!Transitional//EN"
应用WEB标准会使ScrollTop属性失效!!!"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
应用WEB标准会使ScrollTop属性失效!!!
<html xmlns="http://www.w3.org/1999/xhtml">
应用WEB标准会使ScrollTop属性失效!!!

加上这段后,document.body.scrollTop永远等于0

body onscroll = "alert(document.body.scrollTop);"永远也不会引发。

解决办法:

使用:

document.documentElement.scrollTop

示例一:

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);

示例二:

function WebForm_GetScrollX() 
应用WEB标准会使ScrollTop属性失效!!!{
应用WEB标准会使ScrollTop属性失效!!!    
if (__nonMSDOMBrowser) 
应用WEB标准会使ScrollTop属性失效!!!    {
应用WEB标准会使ScrollTop属性失效!!!        
return window.pageXOffset;
应用WEB标准会使ScrollTop属性失效!!!    }
应用WEB标准会使ScrollTop属性失效!!!    
else 
应用WEB标准会使ScrollTop属性失效!!!    {
应用WEB标准会使ScrollTop属性失效!!!        
if (document.documentElement && document.documentElement.scrollLeft) 
应用WEB标准会使ScrollTop属性失效!!!        {
应用WEB标准会使ScrollTop属性失效!!!            
return document.documentElement.scrollLeft;
应用WEB标准会使ScrollTop属性失效!!!        }
应用WEB标准会使ScrollTop属性失效!!!        
else if (document.body) 
应用WEB标准会使ScrollTop属性失效!!!        {
应用WEB标准会使ScrollTop属性失效!!!            
return document.body.scrollLeft;
应用WEB标准会使ScrollTop属性失效!!!        }
应用WEB标准会使ScrollTop属性失效!!!    }
应用WEB标准会使ScrollTop属性失效!!!    
return 0;
应用WEB标准会使ScrollTop属性失效!!!}

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有