动态滚动到页面底部

Question

我有一个链接，当鼠标悬停在一个div上时会动画化它的高度，但是这个div的高度很大，超出了屏幕底部可见的范围。我必须滚动才能看到数据，当我滚动时，我离开了悬停区域，div将其高度切换为0px。如何在div切换时自动滚动到末尾？

- slimDeviant

---

如果没有一些示例代码，很难给出更好的答案，但是尝试将以下内容添加到您的CSS中：div {overflow:scroll;} - bigstylee

Answer 1

尝试将DIV的 scrollTop 属性设置为其 height，例如：

$("#theDiv").mouseover(function() {
    $(this).scrollTop($(this).height());
});

- karim79

---

有趣的是我们两个对这个问题的理解不同。我认为他想要滚动页面以便将div的底部显示出来，但实际上我们两个都可能是正确的 :-) - Andy E

Answer 2

您可以修改 body 的 scrollTop 属性：

// Scroll all the way to the bottom
document.body.scrollTop = document.body.scrollHeight;

- Andy E