Jquery-Mobile滾動事件

 <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>