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

希望能帮助到你.