javascript - 动画 scrollTop 突然停止工作

Question

我有一个非常简单的 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是现场版。

Answer 1

这里的问题是All Section id's is getting duplicated。部分 ID 的 woda、oferta、o-firmie、galeria 和 kontakt。所有部分 ID 在 HTML 标记中重复了两倍。请更改某个部分的重复 ID 值，然后它将正常工作。