javascript - 调整浏览器窗口大小后如何在div底部启动div的滚动条

我已经看到许多解决方案，例如：

$("#opening").prop({ scrollTop: $("#opening").prop("scrollHeight") });

或这个：

$(window).load(function() {

      $("#opening").scrollTop($("#opening").height());

});

但是所有这些解决方案仅在页面首次加载时才在底部启动滚动条，而当我调整浏览器窗口的大小时，滚动条又将从顶部重新启动。我如何使div的滚动条从底部永久启动，而不管浏览器窗口的大小如何？

最佳答案

在调整窗口大小时，页面上元素的位置会发生变化，因此，您将需要再次执行功能以获得所需的结果。您可以通过在窗口调整大小上调用函数来实现相同目的。

$(window).resize(function() {

      $("#opening").scrollTop($("#opening").height());

});