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...。
網址上有很是詳細的使用方法。
scrollstart 事件是在用戶開始滾動頁面時觸發:html
$(document).on("scrollstart",function(){ alert("開始滾動!"); });
scrollstop 事件是在用戶中止滾動頁面時觸發:jquery
$(document).on("scrollstop",function(){ alert("中止滾動!"); });