关于onScroll事件在IE6下每次滚动触发三次

最新推荐文章于 2025-06-06 13:17:36 发布
转载 最新推荐文章于 2025-06-06 13:17:36 发布 · 96 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/rym1020/articles/2181398.html

本文记录了一个在IE6浏览器中使用window.onscroll事件时出现的问题：每次滚动都会触发三次事件。文中提供了可能的原因及解决方法。

今天测试发现IE6下用window.onscroll，每次滚动时会触发3次，而火狐、IE7没此问题，应该是IE6的一个BUG

这里有一个人和我一样的情况

http://topic.youkuaiyun.com/t/20020826/11/970138.html

但帖子内有人测试又没问题，我测试的IE6是windows 2003下的，不知道XP下的是否已修复该问题。

在微软官方找到一篇关于IE5存在此BUG的帮助文档。

http://support.microsoft.com/kb/238004/zh-cn

解决办法是用一个全局变量来限制触发的3次事件只执行一次，200ms后再将该变量复位即可。

 

这个问题比较罕见，特此记录一下

转载于:https://www.cnblogs.com/rym1020/articles/2181398.html

html鼠标滚动实现页面切换,实现鼠标滚动一下页面就上下翻一页的效果
weixin_36064196的博客
06-10 4987
Document*{margin: 0;padding: 0;}html,body{width: 100%;height: 100%;}.page{height: 100%;width: 100%;font-size: 126px;display: -webkit-box; /*Safari*/display: -moz-box; /*Firefox*/display: -ms-flexbox; ...
HTML中事件触发列表与解说
10-30
3. **onMouseDown**：鼠标按钮按下事件，用于检测鼠标的哪个按钮被按下。 - **浏览器支持**：IE4, Netscape4, Opera及以上版本。 - **示例应用**：游戏开发中用于识别玩家的操作意图。 4. **onMouseUp**：鼠标...
关于onScroll事件在IE6下每次滚动触发三次bug说明
12-08
这里有一个人和我一样的情况 http://topic.csdn.net/t/20020826/11/970138.html 但帖子内有人测试又没问题，我测试的IE6是windows 2003下的，不知道XP下的是否已修复该问题。 在微软官方找到一篇关于IE5存在此BUG的帮助文档。 http://support.microsoft.com/kb/238004/zh-cn 解决办法是用一个全局变量来限制触发的3次事件只执行一次，200ms后再将该变量复位即可。 这个问题比较罕见，特此记录一下
在IE、FF、Chrome下滚动条的onscroll事件
ViVAJoy2008的专栏
03-11 484
[size=medium]有时在页面上，需要Fixed（css里的position属性）的效果，用JS实现的话，在如题的三个平台可以这样写：[/size] [code="javascript"] window.onscroll = _onScroll; function _onScroll(){ var labeller_layer = document.getElem...
Animate On Scroll 用于在用户滚动页面时实现元素的动画效果
qq_48763502的博客
06-06 1012
AOS（Animate On Scroll）是一个轻量级的JavaScript库，用于在用户滚动页面时实现元素的动画效果。它允许网页元素在进入或离开视口（viewport）时触发各种CSS动画，为网页增添动态交互效果。 通过CDN引入 基本使用方法 初始化AOS 在HTML元素上添加动画属性 配置选项 可以在初始化时传递配置对象： 可用动画类型 AOS提供了多种预设动画效果：可以在单个元素上覆盖全局设置： 响应式设置 可以针对不同屏幕尺寸禁用AOS： 或使用更精确的控制： 动态添加元素 如果动
事件处理（二）--文档事件、焦点事件（表单事件）、滚动事件、键盘事件
小白小白从不日别的博客
04-16 691
一、文档事件 简介： 文档事件中主要是指添加给整个文档的事件。在这一类事件中，绝大部分并不需要用户主动去进行调用。而是通过文档的不同状态来进行自动执行。 1.加载成功/失败事件 <img src="images/1.jpg" alt="" style="width: 200px;" /> <script> //图片加载失败时触发 document.querySelector('img').onerror = function() {
javascript事件触发列表与解说.pdf
02-27
- **触发条件**：鼠标按钮按下事件，当鼠标上的任意按钮按下时触发。 - **描述**：常用于拖拽、选中操作。 - **兼容性**：HTML 2/3/3.2/4版本，IE4、Netscape 4、Opera及以上浏览器支持。 4. **onMouseUp** - *...
Android ListView滚动到底后自动加载数据
01-20
同时，记得重置`isLoadingMore`标志位，以便下一次触发加载更多的条件。 此外，自定义Adapter是必不可少的。它需要继承自BaseAdapter，重写`getCount()`、`getItem()`、`getItemId()`和`getView()`方法。在`getView...
js实现顶部固定，摆脱ie的抖动
道路是曲折的，前途是光明的
07-25 1687
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * {margin: 0;padding: 0} body {height: 2000px} #inner {width: 100%
html判断滚动条位置,通过scrollTop()判断滚动条到指定位置执行动画，代码执行很多次怎么办？...
weixin_42391485的博客
06-09 668
1.通过scrollTop()判断滚动条到指定位置执行动画，代码执行很多次怎么办？点击查看DEMO，请用浏览器模拟手机查看效果，console.log有打印执行次数。现在的问题是我每次滚动他就执行一次，然后往回滚也会一直执行，一直判断scrollTop()，这样肯定会很卡，所以来请教大神们怎么解决。HTML代码如下：testJS代码如下：var nummmm = 0;$(document).rea...
SHFE.ag 2018年全年tick指数，自己合成的单品种指数（tick级），自有版权，全网独家
09-07
指数相比主连数据，更能反映该品种的波动情况，换月时没有跳空，不管回测还是实盘，都更科学。 按照每天最大和第二大openint字段作为vwap依据（参考南华指数编制规则），数据为自采后，用kdb经过算法合成，本人拥有完全知识产权，请勿二次销售。 可广泛应用于量化深度学习训练、高精度回测、portfolio构建、科学研究等，数据为csv格式，可导入任何数据库。 压缩包已加密，密码为csdnexthe 示例数据： datetime,price,size,openint 2016-01-04 09:00:00.500,3204,258,502814 2016-01-04 09:00:01.000,3203,310,502994 2016-01-04 09:00:01.500,3201,580,503092 2016-01-04 09:00:02.000,3203,158,503160 2016-01-04 09:00:02.500,3201,74,503172 2016-01-04 09:00:03.000,3201,120,503200 2016-01-04 09:00:03.500,3202,50,503162 2016-01-04 09:00:04.000,3202,6,503160
spring-aop-6.1.15.jar中文-英文对照文档.zip
最新发布
09-07
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
perl-Statistics-Descriptive-3.0702-6.el8.tar.gz
09-07
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
软件测试学习笔记与工具集合项目-软件测试学习笔记-测试用例设计与管理-自动化测试工具介绍与使用指南-Python环境搭建与配置教程-Selenium-Katalon-UFT-Pos.zip
09-07
ccs软件测试学习笔记与工具集合项目_软件测试学习笔记_测试用例设计与管理_自动化测试工具介绍与使用指南_Python环境搭建与配置教程_Selenium_Katalon_UFT_Pos.zip
perl-Term-Cap-1.17-395.el8.tar.gz
09-07
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
onscroll-effect: 轻量级JavaScript库，实现滚动触发动画
onscroll-effect库就建立在这一机制之上，它监听滚动事件，并在事件发生时执行预定义的函数，以此来控制元素的CSS类。 4. 类切换：类切换是指根据某个条件（例如滚动事件）来动态地给HTML元素添加或移除CSS类。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值