Question

我想用jQuery跟踪滚动事件，它在页面加载时有效，但是当我从其他页面返回时，滚动事件不会被触发。

我正在使用jQuery Mobile制作和应用程序，我尝试了没有jQueryMobile库并且运行良好。

我每页都有一个html文件。

这是一个示例：

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
    </head>
    <body style="height:200%;">
    <div data-role="page" id="page">
        <a href="http://google.com">link</a>
    </div>
        <script>
            //$(document).on("pageinit", "#page", function(event) {
            $(function(){
                $(window).on('scroll', function(){
                    console.log('scroll');
                });
            });
        </script>
    </body>
</html>

当我在第一次加载时滚动页面时，它会在控制台中显示“滚动”，但当我点击链接并返回页面时，当我滚动页面时没有任何反应。

Answer 1

尝试使用.bind，并将其绑定到html和body：

$('html, body').bind('scroll', function(){
     console.log('scroll');
     });

当我从一个页面回来时，如何使用jQuery Mobile跟踪滚动事件

1 个答案: