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" >
        <div data-role="header">
            <h1>scrollstop 事件</h1>
        </div>
        <div data-role="content">
            内容
        </div>
        <div data-role="footer">
            <h1>页脚文本</h1>
        </div>
    </div>