原生js实现下拉到底事件(2)-解决为什么ie下的onscroll事件轮滚过快就执行了2次呢?

布满荆棘的人生 2022-08-22 01:18 152阅读 0赞

这个是原来的写法：

var throldHold = 20; //两次scroll事件触发之间最小的事件间隔
    window.onscroll = function(){
        if(arguments.callee.timer) clearTimeout(arguments.callee.timer);
        arguments.callee.timer = setTimeout(function(){
            var tops =0;
            if(document.body.scrollTop){
                tops = document.body.scrollTop;
            }
            else{
                tops = document.documentElement.scrollTop;
            }
            
            if(tops >= document.documentElement.scrollHeight - document.documentElement.clientHeight){
                var ss="1";
                document.title +=ss;
            }
        },throldHold);
    }

我对我的代码进行改造后就不会重复发两次ashx了

var throldHold = 20; //两次scroll事件触发之间最小的事件间隔
            window.onscroll = function () {
                if (arguments.callee.timer) clearTimeout(arguments.callee.timer);
                arguments.callee.timer = setTimeout(function () {
                    if (getScrollTop() + getWindowHeight() >= getScrollHeight() - 30) {
                        //$("#loading").show();
                        pullUpEl = $('#pullUp');
                        //pullUpEl.show();
    
                        pullUpEl.attr('class', pullUpEl['class'])
                        //pullUpEl.show();
                        //myScroll.refresh();
                        pullUpEl.addClass('flip');
                        pullUpL.html('上拉加载更多');
                        loadingStep = 1;
    
    
                        pullUpAction();
                    }
                }, throldHold);
            }

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关原生js,实现上拉加载--下拉刷新

//------- -------上拉加载更多--------------- //获取滚动条当前的位置

骑猪看日落/ 2023年05月31日 07:21/ 0 赞/ 45 阅读

相关 java下拉列表添加监听事件_关于layui 下拉列表的change事件详解

默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。如：监听select 下拉选择框被选中时触发，回调函数返回一个obj

柔光的暖阳◎/ 2022年11月07日 15:58/ 0 赞/ 290 阅读

相关解决js中onscroll事件失效的办法

前言: 这几天在写界面时，想要使用onsrcoll事件，以便达到滑动到一定位置时出现想要的效果, 但是在实现过程中,并没有理想的出现该出现的效果,在网上查阅了很多办法，

浅浅的花香味﹌/ 2022年10月31日 00:38/ 0 赞/ 988 阅读

相关原生js实现下拉到底事件(2)-解决为什么ie下的onscroll事件轮滚过快就执行了2次呢?

这个是原来的写法： var throldHold = 20; //两次scroll事件触发之间最小的事件间隔 window.onscroll = functi

布满荆棘的人生/ 2022年08月22日 01:18/ 0 赞/ 153 阅读

相关原生js实现下拉到底事件

1.获取三个高度页面滚动距离、文档总高度、浏览器视口高度 ![复制代码][copycode.gif] //滚动条在Y轴上的滚动距离 function get

小咪咪/ 2022年08月21日 11:41/ 0 赞/ 183 阅读

相关【Angular2】angular2 select change 事件实现下拉联动

一、实现要求还用Angular2实现select下拉框联动的效果： ![这里写图片描述][SouthEast] 二、实现过程 2.1 项目结构

小咪咪/ 2022年06月08日 12:27/ 0 赞/ 180 阅读

相关下拉框的改变事件

下拉框的改变事件开发工具与关键技术：VS、下拉框的改变事件作者：黄桂康撰写时间：2019.04.15 change事件（父与子的关系）

浅浅的花香味﹌/ 2022年04月24日 06:02/ 0 赞/ 258 阅读

相关下拉列表改变事件失效

遇到问题 jsp下拉列表的事件功能：如下 <select id='select_app' name="select_app" onchange="sele

古城微笑少年丶/ 2022年01月29日 02:59/ 0 赞/ 298 阅读

相关原生JS实现轮播图（事件委托和普通实现）

轮播图轮播图的概念相信不用赘述，那么我们直接开始思路解析。如果直接要源代码，请点击此处思路解析轮播图实现的思路其实很简单，我采用的是几张图片依次横向排列，通

以你之姓@/ 2021年11月17日 12:30/ 0 赞/ 294 阅读

相关 js iedom2事件

iedom2事件不能在非ie浏览器中解析事件支持事件冒泡,ie9以下不支持事件捕获,支持绑定多个相同类型事件 ie9以下会逆

爱被打了一巴掌/ 2021年07月25日 01:53/ 0 赞/ 367 阅读