带有动画滚动的bootstrap.js scrollspy

Question

我目前正在使用这个插件:http://github.com/davist11/jQuery-One-Page-Nav

但更愿意转而使用Twitter的Bootstrap.js Scrollspy:http://twitter.github.com/bootstrap/javascript.html#scrollspy

但是,这不提供在单击时为滚动动画设置动画的选项.我该如何添加？

Answer 1

你应该看看http://plugins.jquery.com/scrollTo/,它应该与引导程序结合起来非常简单.如果您愿意,我将很乐意对如何实施它进行更详细的探讨.

Answer 2

有或没有bootstrap:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/1.4.3/jquery.scrollTo.min.js"></script>
<script>
$(function() {
    $('#yournav').bind('click', 'ul li a', function(event) {
        $.scrollTo(event.target.hash, 250);
    });
});
</script>