我如何自動滾動頁面時，它加載在jQuery手機

Question

我想自動滾動到頁面的底部我的[data-role="page"]，但它不工作的特定div。滾動條仍保留在頂部，但我希望它在頁面加載時向下滾動。讓我知道你是否需要更好的解釋。提前致謝。

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();