<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="CSS/jquery.mobile-1.4.5.min.css" rel="stylesheet" /> <script src="JS/jquery.js"></script> <script src="JS/jquery.mobile-1.4.5.js"></script> <script> $(document).on("pageinit", "#pageone", function () { $(document).on("scrollstart", function () { alert("开始滚动!"); }); }); $(document).on("pageinit", "#pageone", function () { $(document).on("scrollstop", function () { alert("停止滚动!"); }); }); </script>
如若想要实现监听滚动事件body内必须有 data-role="page"的div可监听滚动事件。
<div data-role="page" id="pageone"> <div data-role="header"> <h1>scrollstop 事件</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h1>页脚文本</h1> </div> </div>