这些js监听滚轮事件?

北大青鸟大学城校区logo 北大青鸟大学城校区
招生简章校园环境师资力量就业明星招生问答软件工程师北京大学学历学员项目联系我们 报名通道

免费在线咨询通道>>

免费在线报名通道>>

北大青鸟报名电话
当前位置:北大青鸟 > 北大青鸟 > 北大青鸟培训 >

这些js监听滚轮事件?

标签:   分类:北大青鸟培训

通过js实现监听滚轮事件到底怎么操作的?

  前段时间在写前端的时候,需要监听浏览器的滚轮事件

  网上查了一下,找到两种监听滚轮事件的方法:

  一、原生js通过window.onscroll监听
//window.onscroll = function {//为了保证兼容性,这里取两个值,哪个有值取哪一个var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //scrollTop就是触发滚轮事件时滚轮的高度 }

  二、jquery通过$(window).scroll监听
$(window).scroll(function{// 为了保证兼容性,这里取两个值,哪个有值取哪一个var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;//scrollTop就是触发滚轮事件时滚轮的高度});

  监听到了滚轮事件,就可以实时地获取到滚轮的高度,通过判断滚轮高度等等一些流程控制,可以实现一些基于滚轮的特效,如:滚轮到底时异步加载数据、滚轮高度为0时头部固定而到一定高度时头部fixed浮动等等一些特效。

  以上这篇两种js监听滚轮事件的实现方法就是分享给大家的全部内容了,希望在今后如果大家遇到这样的问题,可以作为一个参考办法。
学IT,好工作,就来北大青鸟,IT职业教育领导者,教你前沿技术,入学后即签订就业协议,毕业后免费推荐工作,高薪好工作,职业形象帅,工作环境好,这些是不是你想要的?如果是快来咨询课程详情吧咨询网址 http://www.91accp.com 咨询热线余老师  15910633011  学校地址:北京市昌平区沙河沙阳路18号,乘车路线:乘坐北京地铁13号线到龙泽站下,然后乘坐公交车519路到老牛湾下车,即到!我们随时欢迎你的咨询了解!

若有疑问请拨打北大青鸟咨询热线:010-80146691或点击免费在线咨询!
  • xml地图 网站地图 招生简章 合作企业 学员项目 联系我们
  • 关闭窗口