0

我正在使用 jQuery Mobile 1.0 有一个包含 100 个项目的列表视图。

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

我认为它记得我之前向下滚动的位置在哪里，然后它会保持它。对于包含较少项目的列表视图，我无法进入列表顶部。

我尝试了几件事，例如：

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

和

$(document).scrollTop(0,0)

但没有成功。

你能给些建议么？

我在 DOM 中的内容是一个带有data-content = scroller--> 带有表单的 div --> 列表视图的 div。

谢谢。

4

1 回答 1

0

在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 上进行了测试，它运行良好 :)

于 2012-10-08T14:55:36.220 回答