javascript - 如何在 header 中组合两个相似的 jQuery(scrollTo - 平滑)

Question

我设法在测试网页上创建滚动效果。起初我有

(function($) {
$(document).ready(function() {
     $('html, body').animate({
       'scrollTop':   $('#static').offset().top
              }, 1500);
});
})(jQuery);

在每个打开该 anchor “静态”的页面上顺利进行。因为页眉在页面上很大。所以在索引页面旁边，每个导航链接都会滚动过标题向下定位。这很完美。但后来我决定制作一些子菜单项。他们不能工作，因为我用

<script type="text/javascript">
$(document).ready(function(e){  
var str= location.hash; 
var n=str.replace("_temp","");
$('html,body').animate({scrollTop:$(n).offset().top}, 500);
});

为此。这个脚本可以向下滚动到不同页面上名为“#something”的 anchor ，甚至仍然可以平滑地向下滚动。我在 Stack Overflow 上搜索了这两个脚本。

问题是，当我同时使用这两个时，只有第一个有效。它们很相似，所以这就是问题所在。有什么办法可以使它们都起作用。如果有 anchor “静态”首先使用，如果没有使用第二？

Answer 1

怎么样

$(document).ready(function(e){  
    var str= location.hash; 
    var n=str.replace("_temp","");

    if(n != "static") {
        $('html,body').animate({scrollTop:$(n).offset().top}, 500);
    } else {
        $('html, body').animate({ 'scrollTop':   $('#static').offset().top}, 1500);
    }
});