jquery - 页面加载后 jQueryMobile 滚动到 Div

Question

使用 jquery Mobile，当整个页面完成加载时，我试图滚动到页面中间的#id。因此，当用户到达页面时，用户位于页面顶部，然后很快滚动到#example。

使用 $mobile.silentScroll，它似乎根本没有触发。

$('#page').live( 'pageinit', scrollDown);

function scrollDown() {
    var myDivPos = $('#example').offset().top;
    $.mobile.silentScroll( myDivPos );
}

在手机上平滑滚动到 $('#example') 的最佳方法是什么？我尝试了scrollTo插件，它适用于我的移动网站的桌面版本，但不适用于移动设备。

Answer 1

jQuery Mobile 和任何支持 jQuery 的移动设备都完全支持动画。话虽如此，我们可以捕获示例的 offset.top 并使用它来让页面滚动。

一个工作的jsFiddle 已经包含在内，但代码很少，发布在下面：

$(function(){     
  $('html, body').animate({
    scrollTop: $('#example').offset().top
  });
});

希望能帮助到你。