jquery - jQuery：滚动条位于底部时滚动

Question

如果我有一个 div，并希望它在其滚动条位于底部时自动滚动，我将如何使用我这里的代码来做到这一点？它对我来说不能正常工作。

var scroll = false;
if ($("#console").scrollTop() == ($("#console").prop("scrollHeight") - 503)) {
  scroll = true;
}
if (scroll == true) {
  $("#console").prop({ scrollTop: $("#console").prop("scrollHeight") });
}

如果 div 的高度是动态的，而不是静态大小，我该怎么做？

Answer 1

六氰化物，

您需要将事件处理程序附加到容器。您现在在这里拥有的代码将始终是错误的，因为您没有捕获任何正在发生的事件。

Answer 2

$("#console").scroll(function(){
  var boxHeight = $('#console').height();
  if($("#console").scrollTop() == ($("#console").prop("scrollHeight") - boxHeight )) {
    $("#console").prop({ scrollTop: $("#console").prop("scrollHeight") });
  }
});

你能试试这个新版本吗，灵感来自我们这里的助手。这应该可以工作，只要您滚动，它就会检查它是否在底部。如果是，它将滚动回顶部。