flash_guo

导航

获取scrollTop值的解决方法(浏览器兼容)

做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,但是输出document.body.scrollTop的值一看,一直都是0.原来是DTD的问题,要是页面直接用<html>开头的话就没有问题了.但是要符合web标准,DTD当然是不能少的.所以可以使用下面的方法:

var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
   scrollPos = window.pageYOffset; //Netscape
}
else if (typeof document.compatMode != 'undefined' &&
     document.compatMode != 'BackCompat') {
   scrollPos = document.documentElement.scrollTop; //Firefox、Chrome
}
else if (typeof document.body != 'undefined') {
   scrollPos = document.body.scrollTop; //IE
}

转载自:研究者之家

posted on 2010-12-13 19:32  flash_guo  阅读(144)  评论(0编辑  收藏  举报