Question

我遇到了jquery mobile的问题。我有一个很长的DOM，有许多li元素，但它不是listview。当我向下滚动一切正常，但当我向上滚动一点时，页面跳转到页面顶部。有一个人知道我是如何处理的吗？

效果仅限于我的智能手机，使用Chrome浏览器。

感谢。

我尝试更新ui-content的布局。但它没有帮助。

 $( ".ui-content" ).trigger( "updatelayout" );

我认为当我将一些px滚动到顶部时，窗口大小会由显示的chrome导航栏更改，而页面跳转到顶部。

Answer 1

Here我通过在jQuery Mobile中使用jQuery.mobile.silentScroll()找到了解决问题的方法，它在不触发滚动事件侦听器的情况下滚动到特定的Y位置。此方法不执行动画滚动。

<script>
        $(document).on('click', '.returnTopAction', function() {
            $.mobile.silentScroll(0);
        });
    </script>

此外，您可以使用下面的代码进行动画滚动：

<script>
        $(document).on('click', '.returnTopAction', function() {
            $('html, body').animate({scrollTop: $("#arealistpage").offset().top}, 1000);
        });
    </script>

滚动时，jquery移动滚动到顶部

1 个答案: