2

私は今何時間もこれに取り組んでいますが、それを理解することはできません.

基本的に、ページの下の方に表示されるアイテムの長いリストがあります。ユーザーがこれらの項目のいずれかをクリックすると、ウィンドウをスクロールしてコンテンツが読み込まれる最上部に戻りたいと考えています (おそらくデザインが悪いことはわかっていますが、それは別の問題です)。

私のスクリプトは次のようになります。

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
<script type='text/javascript' src='scripts/jquery.jgrowl.js'></script>
<script type='text/javascript' src='scripts/javascript.js'></script>
<script type='text/javascript' src='scripts/supersized.js'></script>
<script type='text/javascript' src='scripts/effects.core.js'></script>
<script type='text/javascript' src='scripts/jquery.scrollTo-1.4.2-min.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js'></script>

これが私のページの上部の HTML です。

<div id='header'>
<div id='pagetop'></div>
</div>

そして、これは失敗する呼び出しです:

$.scrollTo('#pagetop',800)

この行を実行しようとしてもエラー メッセージは表示されないため、scrollTo が適切にロードされていることはわかっていますが、呼び出しを行っても何もしません。

どんな助けでも大歓迎です。

4

2 に答える 2

8

jQuery にはメソッドがありませんscrollTo。ただし、オブジェクトに対して.scrollTop()ヘルプを使用できます。

$('#pagetop').scrollTop(800);

アップデート

要素をスクロールして表示するだけの場合は、ネイティブ DOM メソッドを使用できます。

$('#pagetop')[0].scrollIntoView();

あるいは

document.getElementById('pagetop').scrollIntoView();

デモ: http://www.jsfiddle.net/UHhDT/

更新 2

jQueryscrollTopも で使用できます.animate()。

$(document.body).animate({scrollTop: $('#pagetop').offset().top}, 2000);

例えば：

デモ: http://www.jsfiddle.net/UHhDT/1/

于 2011-02-04T07:04:26.730 に答える
0

.scrollTop()を使用できます

于 2011-02-04T07:09:21.460 に答える