用於導航的jQuery scrollTop（）

我正在嘗試爲我的網站做導航，非常感謝任何幫助。我想使用一個平滑的滾動到所需的div。我的網站將是一個頁面，所以我需要導航鏈接將它們帶到相應的div。 THX用於導航的jQuery scrollTop（）

這是我爲我的導航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

謝謝克里斯！您的解決方案非常棒！我做得比它需要的要難得多。 – 2012-03-28 17:09:39

用於導航的jQuery scrollTop（）

回答

相關問題