JQuery监听页面滚动总结

1、当前滚动的地方的窗口顶端到整个页面顶端的距离：

        var winPos = $(window).scrollTop();

2、获取指定元素的页面位置：

        $(val).offset().top;

3、对页面滚动条滚动的监听：要放在页面加载的时候

      $(window).scroll(function(event){

    });

4、设置滚动条到指定位置。$(window).scrollTop(offset)。

 

例如：jquery判断滚动条距离顶部的距离

//滚动监听显示回顶部function jianting(){    $(window).scroll(function(){// 滚动条距离顶部的距离 大于300px时        if($(window).scrollTop() >= 300){            $("#xiaohuojian").fadeIn(1000); // 开始淡入        } else{            $("#xiaohuojian").stop(true,true).fadeOut(1000); // 如果小于等于 300 淡出        }    });}//点击回到页面顶部function huidingbu(){    $("#xiaohuojian").click(function(){        $("html,body").animate({scrollTop:"0px"},'slow');    });}