1

ページのスクロールを特定のdivに設定しようとしています。どうすればそれができるか教えてください。以下は、liの各オプションが特定のdivに移動する私のコードです。私はこれを試しました$（ "＃header3"）。click（）; doucument.ready関数で動作しましたが、機能しませんでした。

親切に助けてください！

<ul id="navigation">

            <LI><A class="home selected-lice"href="#header">Home</A></LI>


            <LI><A  href="#header4">Partners</A></LI>

                <LI><A class="about" href="#header5">About Us</A></LI>

            <LI><A class="contact" href="#header6">Contact Us</A></LI>


        </ul><!-- end of #navigation -->
4

2 に答える 2

3

または、これを使用して、ページの読み込み時にアニメーションを使用して特定の要素にスクロールできます。

$(function(){
   $('html, body').animate({ scrollTop: $("#header1").offset().top });
});
于 2012-06-17T11:39:41.343 に答える
0

このリンクを確認してください: http://css-tricks.com/snippets/jquery/smooth-scrolling/

または、通常のアンカーの動作をスクロールで上書きしてみてください。このような：

$(function(){
  $('a[href^=#]').click(function(e){
    var name = $(this).attr('href').substr(1);
    var pos = $('a[name='+name+']').offset();
    $('body').animate({ scrollTop: pos.top });
    e.preventDefault();
  });
});
于 2012-06-17T11:44:26.757 に答える