css - 平滑而不仅仅是 Bootstrap 中的视差滚动

Question

我想我已经想出如何在 http://mode87.com/untame/demo/parallax/ 的帮助下使用 Bootstrap 实现视差滚动但我不知道如何像在 SMINT 中那样在 bootstrap 中进行平滑滚动:http://www.outyear.co.uk/smint/demo/ - 我怎样才能在 Bootstrap 中做到这一点？到目前为止我有这个:http://ronhome.no-ip.org/bootstrap/

谢谢!

Answer 1

See the Demo here

HTML

<ul>
    <li><a href="#one">Menu</a></li>
    <li><a href="#two">Menu</a></li>
    <li><a href="#three">Menu</a></li>
</ul>
<div id="one">
    Section one
</div>
<div id="two">
    Section two
</div>
<div id="three">
    section three
</div>

CSS

#one {
    height: 400px;
}
#two {
    height: 400px;
}
#three {
    height: 400px;
}

JS

$('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});