jQueryMobile在页面加载后滚动到Div

时间:2012-05-02 03:40:11

标签: jquery jquery-mobile

使用jquery Mobile,当整个页面加载完毕后,我正在尝试向页面中间滚动#id。因此,当用户访问页面时,用户位于页面顶部,然后非常快速地滚动到#example。

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

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

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

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

1 个答案:

答案 0 :(得分:11)

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

工作jsFiddle has been included,但代码很少,发布在下面:

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

希望它有所帮助。

相关问题