Javascript 平滑滚动跳跃而不是滚动

Javascript 平滑滚动跳跃而不是滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用了CSS技巧中的平滑滚动插件, 它的工作非常好,但只有2个ancoher链接,而不是另一个,请看这里的演示 它对行业和定价都很有用,但在推荐信上,它只是跳转到了这个位置,而且固定导航也切断了这个部分 <script> $(document).ready(function () { $('a[href^="#"]').on('click', function (e) { e.preventDefault(); var target = t

我使用了CSS技巧中的平滑滚动插件, 它的工作非常好,但只有2个ancoher链接,而不是另一个,请看这里的演示

它对行业和定价都很有用,但在推荐信上,它只是跳转到了这个位置,而且固定导航也切断了这个部分

<script>
$(document).ready(function () {
    $('a[href^="#"]').on('click', function (e) {
        e.preventDefault();
        var target = this.hash,
            $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top - 130 // - 130px (nav-height)
        }, 900, 'swing', function () {
            // Replace this with something that can be easily parsed and used by your code
            window.location.hash = '3' + target;
        });
    });
});
</script>

$(文档).ready(函数(){
$('a[href^=“#“]”)。关于('click',函数(e){
e、 预防默认值();
var target=this.hash,
$target=$(target);
$('html,body').stop().animate({
'scrollTop':$target.offset().top-130/-130px(导航高度)
},900,“摆动”,功能(){
//将其替换为代码可以轻松解析和使用的内容
window.location.hash='3'+目标;
});
});
});

这里我做了一个JSFIDLE,
jsfiddle.net/Thq62/


它工作正常,只是在链接中添加了正确的id和哈希值

在链接中添加了完美的id和哈希值,但仍然不起作用