Jquery滚动条监听事件

Jquery滚动条监听事件_第1张图片
timg.jpg

今天给大家带来Jquery滚动条的监听事件
先来一个小例子:

$(document).ready(function(){//在文档加载完毕后执行

$(window).scroll(function(){//开始监听滚动条

            //获取当前滚动条高度

    var topp = $(document).scrollTop();

            //用于调试 弹出当前滚动条高度

    //alert(topp);

            //判断如果滚动条大于90则弹出 "ok"

    if(topp > 90){

        //alert("ok");

    }
})

})

//语法

$(window).scrollTop();//获取垂直滚动条距离文档头部的高度

$(document).scrollLeft() //获取水平滚动条的距离

$(document).height() //获取整个页面的高度

$(window).height() //获取当前,也就是你浏览器所能看到的页面的那部分的高度,这个大小在你缩放浏览器窗口大小,会改变,与document是不一样的

原文地址:http://renpengpeng.com/619.html

你可能感兴趣的:(Jquery滚动条监听事件)