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

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

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后再将该变量复位即可。

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

赞 (0)

相关推荐

  • js隐藏与显示回到顶部按钮及window.onscroll事件应用

    现在大多数网站都会添加这种功能:当滚动条滚动到页面的下方时,页面的右下角会显示出来一个"回到顶部"的按钮或连接,点击该按钮后页面会跳转到顶部,或某一个适合查看内容的位置. 那么,如何控制"回到顶部"按钮的显示或隐藏呢?其实我们只需要实现window.onscroll 事件即可,代码如下: 复制代码 代码如下: window.onscroll = function () { if (document.documentElement.scrollTop + docume

  • 实现变速回到顶部的JavaScript代码

    随着近几年来 JavaScript 的应用日渐广泛, 滑动效果无处不在, 于是我也跟跟风, 将置顶功能做成了滑动效果. 后来为了更贴合物理特征, 改造做成了减速的滑动效果. 首先说一下原理吧. 我们会获取滚动条到页面顶部的距离, 然后上移一定的距离; 再获取滚动条到页面顶部的距离, 上移一定的距离 (比上一次小一点); ... JavaScript 代码: 复制代码 代码如下: /** * 回到页面顶部 * @param acceleration 加速度 * @param time 时间间隔 (

  • 页面回到顶部的三种实现(锚标记，js)

    本文介绍三款简单的返回页面顶部代码,可以使用简单的HTML(http://www.jb51.net/web/62651.html) 锚标记,也可使用Javascript Scroll (http://www.jb51.net/article/31422.htm) 函数动态返回,其它的还有悬浮脚本等有点复杂了,本文不再介绍,大家根据自己需要选择其中的一种即可,总之简约最美的,能减少代码就减少代码,能不调用的就别调用,要不是天缘博客的文章都是牛长也不会添加这个功能. 一.使用锚标记返回页面顶部 使用

  • js动态添加onload、onresize、onscroll事件(另类方法)

    window 的 onload.onresize.onscroll 事件,跟其他的事件不一样,它不能用 attachEvent 或 addEventListener 来添加. 也就是说,它只能这样来(以 onload 为例,下同): 复制代码 代码如下: window.onload = function() { // ... }; 但这有个问题,就是想再为 onload 增加新的事件处理程序时,不能直接为 window.onload 赋值了,否则前面的赋值就会被覆盖了. 可这样做: 复制代码 代

  • js滚动条回到顶部的代码

    虽然平滑性处理的不好,但非常适合学习 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="tex

  • 关于onScroll事件在IE6下每次滚动触发三次bug说明

    这里有一个人和我一样的情况 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后再将该变量复位即可. 这个问题比较罕见,特此记录一下

  • Vue实现下拉滚动加载数据的示例

    目录 第一步:安装 第二步:引用 第三步:使用 Web项目经常会用到下拉滚动加载数据的功能,今天就来种草 Vue-infinite-loading这个插件,讲解一下使用方法! 第一步:安装 npm install vue-infinite-loading --save 第二步:引用 import InfiniteLoading from 'vue-infinite-loading'; export default { components: { InfiniteLoading } } 第三步:使

  • AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法

    本文实例讲述了AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法.分享给大家供大家参考,具体如下: 1.分页加载数据的基础上,如何通过滚动加载,实现分页加载数据的效果,github上,针对AngularJS,有一款不错的插件,地址为:https://github.com/sroze/ngInfiniteScroll 2.下面来看官方给出的文档 (1)使用样例: <ANY infinite-scroll='{expression}' [infinite-scroll-di

  • JavaScript触发onScroll事件的函数节流详解

    问题描述 常见的网站布局,顶部一个导航栏,我们假设本页面共有四个栏目:分别为A.B.C.D,我们点击A,锚点跳转至A栏目,同时顶部的A按钮高亮:点击B,锚点跳转至B栏目,同时顶部的B按钮高亮:我们在Main组件里面滚动,滚动到B模块时,B按钮高亮.以上是我们经常会在开发中遇到的一个模型.如果是在以前,用jQuery作前端开发的话,实在是太熟悉不过了. 解决方案 主要想谈谈在React组件化开发中的性能优化方法. 我们的页面结构是这样的 <div className={style.main} id

  • 在IE6下发生Internet Explorer cannot open the Internet site错误

    具体出现的情况是这样的: 在页面还没有完全加载的情况下,鼠标点击触发了一个生成iFrame的脚本事件. 先是想到,将脚本事件,在页面加载完全后,再动态添加到触发的位置,这样,页面加载完全之前,这里是不会有脚本事件的,自然也不会报错. 以上办法有些被动,于是去参看生成iframe的脚本. 正常的页面结构是 复制代码 代码如下: <body> <form> ........ </form> </body> 生成iframe的脚本是: 复制代码 代码如下: fun

  • IE6下javasc#ipt:void(0) 无效的解决方法

    IE 6 下,JSP 中 链接问题: <a href="javascript:void(0);" target="mainFrame" onClick="btnHome_onClick()"> <javascript> function btnHome_onClick(){window.open("com.mcl.common.main.InitHome.flow","mainFrame&qu

  • IE6下出现JavaScript未结束的字符串常量错误的解决方法

    里面提到"DOM是UTF-8的篇码,如果JS库不是分离的独立JS文件,而是包含在DOM里的,这个问题是不会出现的.然而分离的JS文件并不是UTF-8编码,被加库到UTF-8编码的DOM里,中文就出现了乱码,并影响到引号符,使浏览器无法判断字符串结束.解决变法很简单,JS文件另存为UTF-8编码格式即可. " 所以我修改了JavaScript的引用, <script type="text/javascript" src="**.js" cha

  • IE6下通过a标签点击切换图片的问题

    不过, 国内大部分用户还是在用IE6. IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort. 测试了一下,找到了解决办法. a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样: 1. <a href="javascript://" onclick="dosomething()">a1</a> 2. <a href="javascript

  • jQuery实现锚点向下平滑滚动特效示例

    jQuery实现锚点向下平滑滚动特效示例

    实现效果: 实现原理: 使用jQuery animate()方法实现页面平滑滚动特效 $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ window.location.hash = hash; }); 简单实例代码: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.

随机推荐