0

私はjQueryの初心者で、scrollToについては知っていますが、自分のサイトで機能させる方法はよくわかりません。Google で簡単に検索したところ、多くの結果が見つかりましたが、現在使用されている最も信頼できる (または少なくとも最も人気のある) ものは、次のとおりです: http://plugins.jquery.com/project/ScrollTo

ただし、繰り返しになりますが、スクリプトをまったく使用していないため、タスクを達成するためにスクリプトを使用する方法が正確にはわかりません。(HTML と CSS は私のバッグです)。

これが私がやろうとしていることです...非常に単純なことだと確信しています。

http://joelglovier.comでは、他の多くの楽しい Web コンテンツへのリンクを含む1ページの「ゲートウェイ」サイトを構築しています。ページのさらに下のアンカーにリンクするだけのトップナビゲーションがあります。私が望むのは、scrollTo がユーザーを素敵なアニメーションの方法でそれらのアンカーに連れて行くことだけです。これは簡単だと言いました！

これを実装するための最良の方法、およびこのタイプの scrollTo 使用の現在の標準があるかどうかについて、どんな助けも感謝しています(最近はどこでも見られます)。

4

1 に答える 1

3

参照：.offset（）、. scrollTop（）、. animate（）

あなたは次のようなことをすることができます

$(function() {
    $('#nav-find-me-at a').click(function() {
        var pos = $('#find-me-at').offset().top;
        $('html, body').animate({'scrollTop' : pos}, 1000);
            return false;
    });
});

編集：ここでテストしてください：http：//jsbin.com/ecaye

于 2010-10-08T04:01:49.203 に答える