jquery-mobile - jQuery mobile中加载页面时如何自动滚动页面

Question

我想自动滚动到 my 页面底部的特定 div [data-role="page"]，但它不起作用。滚动条仍保留在顶部，但我希望它在页面加载时向下滚动。如果您需要更好的解释，请告诉我。提前致谢。

Answer 1

您可以绑定到pageshow事件，然后使用该$.mobile.silentScroll()方法将所需元素滚动到视图中。这是一个例子：

$(document).delegate('.ui-page', 'pageshow', function () {

    //get the offset of the element
    var offset = $(this).find('[some-element]').offset().top;

    //now scroll to the element
    setTimeout(function () {
        $.mobile.silentScroll(offset);
    }, 0);
});

这是一个演示：http: //jsfiddle.net/JNSRn/

setTimeout允许滚动在已排队运行的所有其他内容实际运行之后运行。

您可以将.ui-page选择器更改为 ID 或类以仅在特定页面或特定页面集上运行此代码，目前它会在显示任何 jQuery Mobile 伪页面时运行事件处理程序。

文档$.mobile.silentScroll()：http: //jquerymobile.com/demos/1.1.1/docs/api/methods.html（页面底部）

Answer 2

您可以尝试创建标签并单击它（例如，anchor您甚至不需要将其附加到DOM

var a = $('<a />').attr('href', '#myParticularDiv').click();