如何在头文件中组合两个相似的jquery(scrollTo - smooth)

时间:2014-02-05 14:03:45

标签: javascript jquery html css

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

(function($) {
$(document).ready(function() {
     $('html, body').animate({
       'scrollTop':   $('#static').offset().top
              }, 1500);
});
})(jQuery);
每个页面都顺利地打开那个锚“静态”。因为标题在页面上很大..所以在索引页面旁边,每个导航链接都会将标题下拉到锚点。这很完美。但后来我决定制作一些子菜单项......但由于我使用

,它们无法工作
<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”的锚点,并且仍然可以平滑地向下滚动。我发现两个脚本都在StackOwerflow上搜索。 问题是,当我使用这两个时,只有第一个工作。它们是相似的,所以问题就在于此。有没有办法使它们都有效。如果首先使用锚“静态”,如果不使用秒?

由于

1 个答案:

答案 0 :(得分:0)

怎么样

$(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);
    }
});