動畫 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 和模板進行一些不相關的更改后，滾動突然停止工作 - 現在我只能通過單擊“主頁”滾動到頁面頂部。 在控制台中運行滾動代碼也不起作用。 我試圖撤消我所做的更改，但它似乎沒有幫助，所以我被困在這里尋找這個問題的原因。

這是現場版。

Answer 1

這里的問題是All Section id's is getting duplicated 。 部分 id 的 woda、oferta、o-firmie、galeria 和 kontakt。所有部分 id 在 HTML 標記中都被復制了兩倍。 請更改某個部分的重復 ID 值，然后它會正常工作。