动画scrollTop突然停止工作

时间:2014-09-30 14:20:13

标签: javascript jquery html css scroll

我有一个简单的jQuery代码,负责使用动画滚动浏览网站。

jQuery(".main_menu li a").click(function() {

    var href = jQuery(this).attr('href');

    if(jQuery(this).html() == 'Home') {
        jQuery("html, body").animate({ scrollTop: jQuery('body').offset().top }, 1000);
    }
    else {
        jQuery("html, body").animate({ scrollTop: jQuery(href).offset().top }, 1000);

    }

    return false;

});

在CSS和模板中进行一些无关的更改后,滚动突然停止工作 - 现在我只能通过单击“主页”滚动到页面顶部。在控制台中运行滚动代码也不起作用。我试图撤消我所做的更改,但它似乎没有帮助,所以我被困在这里寻找这个问题的原因。

Here是实时版本。

1 个答案:

答案 0 :(得分:1)

这里的问题是All Section id's is getting duplicated。 Section id的woda,oferta,o-firmie,galeria和kontakt.All section id's在HTML标记中重复两次。请更改一个部分的重复ID值,然后它将正常工作。