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>