如何使用 jQuery 滾動（元素底部應位於頁面底部）

Question

在我的 HTML 頁面上，我有可以通過按鈕動態添加的內容。 當添加的東西不再在視口中時，我想滾動以將其放入視口。 由於添加的內容始終添加在添加內容的可點擊按鈕下方，因此我總是希望元素的底部在滾動后位於視口的底部，但我只能將元素的頂部放在帶有 function 的視口頂部：

if (!elementInViewport(document.getElementById("ElementId"))){
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#ElementId").offset().top
    }, 2000);
}

沒有scrollBottom而不是scrollTop ，當我用offset().bottom替換offset().top時，function 根本不做任何事情。

我怎樣才能做到這一點？

Answer 1

試試scrollIntoView() function：

if (!elementInViewport(document.getElementById("ElementId"))){
   document.getElementById("ElementId").scrollIntoView(false);
}