JS判断手机端页面滚动停止

￡神魔★判官ぃ 2022-03-08 15:12 576阅读 0赞

var topValue = 0,// 上次滚动条到顶部的距离  
            interval = null;// 定时器  
            contactsList = document.getElementById("contactsList");
        contactsList.onscroll = function() {  //我项目中的contactsList滚动
            
            if(interval == null) {// 未发起时，启动定时器，1秒1执行  
                interval = setInterval(function () {
                    test();
                }, 1000);  
            }
            topValue = contactsList.scrollTop;  
            
        }  
    
        function test() {  
            //当滚动停止时，两个计算的距离会相同，此时再执行相关操作
            console.log(contactsList.scrollTop,topValue); 
            if(contactsList.scrollTop == topValue) { 
                console.log("ok");
                clearInterval(interval);  
                interval = null;  
            }  
        }

使用手机端滚动后，执行相关事件；onscroll是在元素滚动轴滚动时触发的。  
jq mobile的方法，可看下[http://www.runoob.com/jquerym...][http_www.runoob.com_jquerym...]。  
网址上有非常详细的使用方法。  
scrollstart 事件是在用户开始滚动页面时触发：

$(document).on("scrollstart",function(){
    alert("开始滚动!");
    });

scrollstop 事件是在用户停止滚动页面时触发：

$(document).on("scrollstop",function(){
    alert("停止滚动!");
    });

[http_www.runoob.com_jquerym...]: http://www.runoob.com/jquerymobile/jquerymobile-events-scroll.html

发表评论取消回复

表情：

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

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

相关阅读

相关 js判断需要访问的页面在手机端还是PC端打开

法一：最原始写的是这样子，发现在手机端打开pc端网页时，是跳转到pc端的链接，但是这个时候移动端页面显示不出来，而且会延迟页面渲染时间 <script t...

「爱情、让人受尽委屈。」/ 2024年04月19日 16:01/ 0 赞/ 88 阅读

相关 html页面自动滚动+点击停止滚动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

雨点打透心脏的1/2处/ 2023年05月29日 11:49/ 0 赞/ 23 阅读

相关 js判断页面是否有滚动条

js判断页面是否有滚动条其实只需要一行 JS 就可以，测试兼容 IE7 function hasScrollbar() { return d

谁践踏了优雅/ 2023年02月26日 11:22/ 0 赞/ 18 阅读

相关 JS页面滚动监听

window.onscroll = function() { //scrollTop就是触发滚动时的高度 var scroll= docume

分手后的思念是犯贱/ 2022年12月02日 15:20/ 0 赞/ 183 阅读

相关 js判断是PC端还是手机端

效果预览：[https://miofly.gitee.io/resources/html/project/module/%E5%88%A4%E6%96%AD%E6%98%AF%

比眉伴天荒/ 2022年10月27日 06:16/ 0 赞/ 286 阅读

相关使用JS来判断页面是在手机端还是在PC端打开的方法

在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开

落日映苍穹つ/ 2022年04月25日 10:22/ 0 赞/ 207 阅读

相关 ionic 监听页面滚动，点击停止滚动

原文出处：[https://www.cnblogs.com/lee-xiumei/p/7449021.html][https_www.cnblogs.com_lee-xiume

╰+哭是因爲堅強的太久メ/ 2022年04月08日 17:45/ 0 赞/ 406 阅读

相关 JS判断手机端页面滚动停止

var topValue = 0,// 上次滚动条到顶部的距离 interval = null;// 定时器 c

￡神魔★判官ぃ/ 2022年03月08日 15:12/ 0 赞/ 577 阅读

相关 JS判断是手机端还是PC端

function browserRedirect() { var sUserAgent = navigator.use

青旅半醒/ 2021年09月18日 12:56/ 0 赞/ 599 阅读

相关 php判断手机端

//判断手机端 function eliteIsMobile()\{ // 如果有HTTP\_X\_WAP\_PROFILE则一定是移动设备 if (is

朴灿烈づ我的快乐病毒、/ 2021年09月08日 17:54/ 0 赞/ 398 阅读