jQuery 滚动监听总结

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