平滑滚动，scrollspy和Bootstrap

Question

当我在网站上使用平滑滚动和滚动时，我遇到了问题。当我点击导航菜单链接时，我会转到相应的部分。在本节中，我有标签。当我单击其中一个选项卡时，滚动条会上下移动。

这是我的fiddle

不确定为什么我的JS没有开火。有人可以帮忙吗？

示例滚动代码：

var $body = $(document.body); var navHeight = $('.navbar').outerHeight(true) + 80;
$body.scrollspy({
    target: '#leftCol',
    offset: navHeight
});

示例滚动代码：

$('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
            $('html,body').animate({
                scrollTop: target.offset().top - 120
            }, 1000);
            return false;
         }
     }
});