滾動到頂部jQuery無法正常工作

Question

因此，我一直在尋找這些東西，唯一有效的方法是替換CSS的height: 100% min-height: 100% 。 關鍵是更改會破壞頁面的樣式。 還有其他解決方法嗎？

function ScrollTop() {
    $('html, body').animate({ scrollTop: 0 }, 0);
    return false;
}

function NextPage(page) {
    $(".page[data-page='" + page + "']").addClass("hidden");
    page = page + 1;
    $(".page[data-page='" + page + "']").removeClass("hidden");
    ScrollTop();
}

html, body, form, #container, #mainform, #content {
    margin: 0 auto;
    padding: 0;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

僅供參考，這不適用於任何瀏覽器（迄今為止所有瀏覽器的最新版本）。 另外，請嘗試清除overflow-x: hidden從身體overflow-x: hidden但仍然無法正常工作。 也嘗試過

$("#container").animate({
    scrollTop:0
}, "slow");

window.scrollTo(0, 0) //this returns undefined

Answer 1

我創造了一個工作的小提琴。 運行正常。

$(function() {
   $('.backtotop').click(function() 
        $('body').animate({ scrollTop: 0 }, .2);
        return false;
   });
});

這應該工作https://jsfiddle.net/cmhLroe1/