jquery - Bootstrap 平滑滚动到 Anchor - jScript 不起作用

Question

我正在使用 Twitters Bootstrap，我希望平滑滚动到我的锚点，但它不起作用。这是在我的文档的末尾，就在</body>标签之前：

<script type="text/javascript">
!function ($) {
    $(function(){
        $('#running-box, #bg-car').carousel({});

        var $root = $('html, body');

        $('a').click(function() {
            var href = $.attr(this, 'href');
            $root.animate({
                scrollTop: $(href).offset().top
            }, 500, function () {
                window.location.hash = href;
            });
            return false;
        });
    })
}(window.jQuery)

</script>   

正确包含 jQuery 和 Bootstrap...

Answer 1

如果你更换

 'a[href*=#]:not([href=#])' 

和

'a[href*=#]:not([href=#]):not([href=#idname])'

您可以防止平滑滚动适用于该特定链接，