欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

获取网页滚动条与顶部之间的距离,兼容多浏览器 有大用

shiping1 的头像

获取网页滚动条与顶部之间的距离,兼容多浏览器

 (2013-08-20 18:36:04)
标签: 

getscroll

 

scrolltop

 

it

分类: JS

function getScroll() {
var t, l, w, h;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
}
else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
return { t: t, l: l, w: w, h: h };
}

 

var ABC=getScroll();
返回结果,主要使用下面2个:
ABC.t  纵向滚动条距离顶部的位置
ABC.l  横向滚动条距离左边的位置

=========================================================================

    function getScroll(){
        var t;
        if(document.documentElement && document.documentElement.scrollTop){
            t = document.documentElement.scrollTop;}
        else if(document.body){
            t = document.body.scrollTop;
        }
        return {t:t};
    }
    $(window).scroll(function(){
        var t = getScroll();
        sst = t.t;
        $('#divss').css({top:sst+'px'});
    });

来自 http://blog.sina.com.cn/s/blog_56e3129d0101hgd1.html
普通分类: