jQuery:当滚动条位于底部时滚动

时间:2012-06-14 21:39:12

标签: jquery scroll

如果我有一个div,并希望它在滚动条位于底部时自动滚动,我将如何使用此处的代码执行此操作?它对我来说无法正常工作。

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

如果div的高度是动态的,而不是静态大小,我该怎么做呢?

2 个答案:

答案 0 :(得分:1)

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

你可以尝试这个新版本,受到我们在这里的助手的启发。这应该有效,一旦你滚动,它将检查它是否是底部。如果是,它将滚动回到顶部。

答案 1 :(得分:1)

六氰化,

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