Question

我正在尝试为我的网站制作导航，非常感谢任何帮助。我想使用平滑滚动到所需的div.My网站将是一个页面，所以我需要导航链接将它们带到相应的div。 THX

这是我的导航的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>

Answer 1

JQuery的：

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

示例：

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

用于导航的jQuery scrollTop（）

1 个答案: