jQuery scrollTop（）for navigation

私は自分のウェブサイトのナビゲーションをしようとしています。私は希望のdiv.Myウェブサイトにスムーズなスクロールを使用したいと思いますので、対応するdivに移動するにはnavリンクが必要です。 THXjQuery scrollTop（）for navigation

ここでは私のナビゲーションのための私のhtmlです：

<html> 
<head> 
<title></title> 
</head> 
<body> 
<div class="span8" > 
<ul class="nav"> 
    <li class="active" id="aboutlink"><a href="#">about</a></li> 
    <li class="active" id="worklink"><a href="#">work</a></li>   
    </ul><!--end .nav--> 
</div><!--end .span8--> 

<div id="about"> 
<p>blah, blah...</p> 
</div>

出典

2012-03-28 Jared Michael Czerew

はJQuery：

$(document).ready(function(){ 
    $("#click").click(function(){ 
     $('html, body').animate({ 
       scrollTop: $("#div2").offset().top 
       }, 2000); 
     return false; 
    }); 
});

サンプル：

http://jsfiddle.net/7dzK7/1/

出典

2012-03-28 03:19:39

ありがとうChris！あなたのソリューションは素晴らしかったです！私はそれを必要以上に難しくしていました。 –

jQuery scrollTop（）for navigation

答えて

関連する問題