码迷,mamicode.com
首页 > Web开发 > 详细

Jquery滚动条监听事件

时间:2019-01-29 20:36:19      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:文档加载   语法   window   就是   浏览器   监听   大小   cti   水平   

  先来一个例子:

$(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是不一样的

 

Jquery滚动条监听事件

标签:文档加载   语法   window   就是   浏览器   监听   大小   cti   水平   

原文地址:https://www.cnblogs.com/jintaoblogs/p/10335372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!