0

私は自分のウェブサイトのナビゲーションを作成しようとしています。何か助けていただければ幸いです。目的のdivまでスムーズにスクロールしたいのですが、私のWebサイトは1ページになるので、対応するdivに移動するにはナビゲーションリンクが必要です。どうも

これが私のナビゲーションの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>

4

1 に答える 1

0

JQuery:

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

サンプル：

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

于 2012-03-28T03:19:39.700 に答える