javascript - 如何使用 jQuery 滚动(元素底部应位于页面底部)

Question

在我的 HTML 页面上，我有一些可以通过按钮动态添加的内容。
当添加的东西不再在视口(viewport)中时，我想滚动以将其放入视口(viewport)。
由于添加的内容总是添加在添加内容的可点击按钮下方，因此我总是希望元素的底部在滚动后位于视口(viewport)的底部，但我只能将元素的顶部放在具有该功能的视口(viewport)顶部:

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

没有scrollBottom而不是 scrollTop当我更换 offset().top与 offset().bottom该功能根本不做任何事情。
我怎样才能做到这一点？

Answer 1

试试 scrollIntoView() 功能:

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