Question

我正在使用jQuery Mobile 1.0有一个listview，说100项。

当我一直滚动到底部并导航回到上一个屏幕时，现在回到列表视图，说出3或4个项目，我在滚动区域中得到一个空白空格。

我认为它记得我早先的Scroll位置在哪里然后它坚持下去。对于包含较少项目的列表视图，我无法进入列表顶部。

我尝试了几件事：

$.mobile.silentScroll and $(window).scroll(0,0)

和

$(document).scrollTop(0,0)

但没有成功。

你能告诉我吗？

我在DOM中的内容是一个带data-content = scroller的div - ＆gt; Div with Form - ＆gt;列表视图。

感谢。

Answer 1

在 mobileinit 事件中，输入以下代码：

$('#uptotop').live('click', function() {
               $('body, html').animate({scrollTop: '0px'}, 1000, function(){
               $('body').clearQueue(); });
});

然后您可以像这样创建一个按钮：

<a id="uptotop" data-role="button" data-icon="arrow-u">Back to Top!</a>

我已经在IE8 +，Firefox，Chrome，ipad的Safari上进行了测试，它运行良好：）

使用jQuery Mobile 1.0。无法滚动到移动设备中的窗口顶部

1 个答案: