Question

我调用以下代码：

$(document).scroll(function() {
    thedistance(); 
});

当用户在iOS设备上向下滚动页面时，我希望thedistance()触发，但是在用户停止滚动之后，该功能会触发 - 而不是期间它。

我听说这是由用户滚动时DOM操作冻结引起的 - 截至2016年是否有解决此问题的方法？

Answer 1

我尝试过以下解决方案，对我来说很好用

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
                <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
                <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
                <script>
                    $(document).on("pagecreate","#pageone",function(){
                                   $(document).on("scrollstart",function(){
                                                  alert("Started scrolling!");
                                                  });
                                   });
                    </script>
    </head>
    <body>
        <div data-role="page" id="pageone">

        </div> 
    </body>
</html>

也要注意这个链接，这可能会有所帮助 http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_scroll

iOS设备上的滚动功能

1 个答案: