使用jquery Mobile,当整个页面加载完毕后,我正在尝试向页面中间滚动#id。因此,当用户访问页面时,用户位于页面顶部,然后非常快速地滚动到#example。
使用$ mobile.silentScroll,它似乎根本没有触发。
$('#page').live( 'pageinit', scrollDown);
function scrollDown() {
var myDivPos = $('#example').offset().top;
$.mobile.silentScroll( myDivPos );
}
在手机上实现平滑滚动到$('#example')的最佳方法是什么?我尝试了scrollTo插件,该插件适用于移动网站的桌面版,但不适用于移动设备。
答案 0 :(得分:11)
动画是jQuery Mobile和任何支持jQuery的移动设备都支持完全。话虽如此,我们可以捕获示例的offset.top并使用它来使页面滚动。
工作jsFiddle has been included,但代码很少,发布在下面:
$(function(){
$('html, body').animate({
scrollTop: $('#example').offset().top
});
});
希望它有所帮助。