两种js监听滚轮事件的方式
2024-10-11 20:23:41
前段时间在写前端的时候,需要监听浏览器的滚轮事件
网上查了一下,找到两种监听滚轮事件的方法:
一、原生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浮动等等一些特效
最新文章
- linux基本知识0
- 关于JQuery简单介绍
- git下载教程
- 协议的分用以及wireshark对协议的识别
- 使用NHibernate(9)-- 缓存
- hdu1250(Java)大数相加的问题
- servlet基本概念
- linux svn安装和配置
- Groovy中那些神奇注解之InheritConstructors
- 向前辈致敬 strspn
- Spring.NET 的IOC(依赖注入)
- JavaScript中把Json字符串转化为对象
- echarts柱状图点击阴影部分触发事件
- Python字典(Dictionary)
- componentWillReceiveProps详解(this.props)状态改变检测机制
- [No000013A]Windows WMIC命令使用详解(附实例)
- Docker学习笔记之常用的 Docker Compose 配置项
- October 08th 2017 Week 41st Sunday
- locust
- 【原创】linux命令-Axel命令 - linux多线程下载 - 费元星 - 未来星开发团队
热门文章
- C++学习笔记(十四):模板
- 我的JS 类 写法
- android图片的压缩和水印
- 自己编写的基于VC++6.0的串口调试软件,并贡献源程序!
- Objective-C 调用C++,C
- 【54】让自己熟悉包括TR1在内的标准程序库
- hdu 5446 Unknown Treasure lucas和CRT
- Hibernate级联操作 注解
- 【每日一摩斯】-【序列】-续-RAC and Sequences (853652.1)
- [RxJS] AsyncSubject