0

私はjQuery Mobile 1.0を使用しています.100個のアイテムを持つリストビューがあります。

一番下までスクロールして前の画面に戻り、3 つまたは 4 つの項目があるリスト ビューに戻ると、スクロール領域に空白のスペースが表示されます。

スクロールダウンの以前の位置がどこにあったかを覚えていて、それを保持していると思います。また、アイテムが少ないリスト ビューでは、リストの一番上に移動できません。

私は次のようないくつかのことを試しました：

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

と

$(document).scrollTop(0,0)

しかし、成功しませんでした。

あなたがアドバイスしていただけますか？

DOM の私のコンテンツは div with data-content = scroller--> Div with Form --> List View です。

ありがとう。

4

1 に答える 1

0

Inside mobileinit event, put this code:

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

Then you can create a button like this:

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

I've tested on IE8+, Firefox, Chrome, ipad's Safari and it works fine :)

于 2012-10-08T14:55:36.220 に答える