0

jquery Mobileを使用して、ページ全体の読み込みが完了したら、ページの中央に向かって#idまでスクロールしようとしています。したがって、ユーザーがページにアクセスすると、ユーザーはページの上部に表示され、非常にすばやく#exampleまでスクロールします。

$ mobile.silentScrollを使用すると、まったく起動していないようです。

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

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

携帯電話で$（'＃example'）までスムーズにスクロールするための最良の方法は何でしょうか？私はscrollToプラグインを試しました。これは、私のモバイルサイトのデスクトップバージョンでは機能しますが、モバイルデバイスでは機能しません。

4

1 に答える 1

11

アニメーション化は、jQuery Mobile および jQuery をサポートするすべてのモバイル デバイスで完全にサポートされています。そうは言っても、例の offset.top をキャッチし、それを使用してページをスクロールすることができます。

動作するjsFiddle が含まれていますが、コードは最小限であり、以下に掲載されています。

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

それが役に立てば幸い。

于 2012-05-02T04:15:49.183 に答える