亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

JS判斷手機(jī)端頁面滾動(dòng)停止

tinyq / 2747人閱讀

摘要：的方法，可看下。網(wǎng)址上有非常詳細(xì)的使用方法。事件是在用戶開始滾動(dòng)頁面時(shí)觸發(fā)開始滾動(dòng)事件是在用戶停止?jié)L動(dòng)頁面時(shí)觸發(fā)停止?jié)L動(dòng)

var topValue = 0,// 上次滾動(dòng)條到頂部的距離  
        interval = null;// 定時(shí)器  
        contactsList = document.getElementById("contactsList");
    contactsList.onscroll = function() {  //我項(xiàng)目中的contactsList滾動(dòng)
        
        if(interval == null) {// 未發(fā)起時(shí)，啟動(dòng)定時(shí)器，1秒1執(zhí)行  
            interval = setInterval(function () {
                test();
            }, 1000);  
        }
        topValue = contactsList.scrollTop;  
        
    }  

    function test() {  
        //當(dāng)滾動(dòng)停止時(shí)，兩個(gè)計(jì)算的距離會(huì)相同，此時(shí)再執(zhí)行相關(guān)操作
        console.log(contactsList.scrollTop,topValue); 
        if(contactsList.scrollTop == topValue) { 
            console.log("ok");
            clearInterval(interval);  
            interval = null;  
        }  
    }

使用手機(jī)端滾動(dòng)后，執(zhí)行相關(guān)事件；onscroll是在元素滾動(dòng)軸滾動(dòng)時(shí)觸發(fā)的。
jq mobile的方法，可看下http://www.runoob.com/jquerym...。
網(wǎng)址上有非常詳細(xì)的使用方法。
scrollstart 事件是在用戶開始滾動(dòng)頁面時(shí)觸發(fā)：

$(document).on("scrollstart",function(){
alert("開始滾動(dòng)!");
});

scrollstop 事件是在用戶停止?jié)L動(dòng)頁面時(shí)觸發(fā)：

$(document).on("scrollstop",function(){
alert("停止?jié)L動(dòng)!");
});

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/102026.html

相關(guān)文章

  • js移動(dòng)端滑倒頂部加載歷史消息解決方案!

    摘要：使用具有回彈效果的滾動(dòng)當(dāng)手指從觸摸屏上移開，內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢的強(qiáng)烈程度成正比。 最近做了一個(gè)語音直播聊天的項(xiàng)目，有一個(gè)功能是當(dāng)沒有直播時(shí)，進(jìn)入房間可以查看歷史消息，滑動(dòng)到頂部加載之前的歷史消息，我用jquery scroll事件，來判斷是否滾動(dòng)到頂部，問題來了： 首先觸發(fā)請(qǐng)求事件之后，prepend插入到當(dāng)前列表之前，而prepen...

    jackwang 評(píng)論0 收藏0

  • js移動(dòng)端滑倒頂部加載歷史消息解決方案!

    摘要：使用具有回彈效果的滾動(dòng)當(dāng)手指從觸摸屏上移開，內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢的強(qiáng)烈程度成正比。 最近做了一個(gè)語音直播聊天的項(xiàng)目，有一個(gè)功能是當(dāng)沒有直播時(shí)，進(jìn)入房間可以查看歷史消息，滑動(dòng)到頂部加載之前的歷史消息，我用jquery scroll事件，來判斷是否滾動(dòng)到頂部，問題來了： 首先觸發(fā)請(qǐng)求事件之后，prepend插入到當(dāng)前列表之前，而prepen...

    mingde 評(píng)論0 收藏0

  • js移動(dòng)端滑倒頂部加載歷史消息解決方案!

    摘要：使用具有回彈效果的滾動(dòng)當(dāng)手指從觸摸屏上移開，內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢的強(qiáng)烈程度成正比。 最近做了一個(gè)語音直播聊天的項(xiàng)目，有一個(gè)功能是當(dāng)沒有直播時(shí)，進(jìn)入房間可以查看歷史消息，滑動(dòng)到頂部加載之前的歷史消息，我用jquery scroll事件，來判斷是否滾動(dòng)到頂部，問題來了： 首先觸發(fā)請(qǐng)求事件之后，prepend插入到當(dāng)前列表之前，而prepen...

    leejan97 評(píng)論0 收藏0

  • H5項(xiàng)目常見問題匯總及解決方案

    摘要：解決方案可以解決在手機(jī)上點(diǎn)擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設(shè)計(jì)方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點(diǎn)由個(gè)變?yōu)槎鄠€(gè)，如在同樣帶下的屏幕上，蘋果設(shè)備的顯示屏中，像素點(diǎn)個(gè)變?yōu)閭€(gè)。 原文鏈接 - https://github.com/FrontEndRo... H5項(xiàng)目常見問題及注意事項(xiàng) Meta基礎(chǔ)知識(shí)： H5頁面窗口自動(dòng)調(diào)整到設(shè)備...

    marser 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<