javascript - 如果在 DIV 的底部，则 JQuery 更新

Question

我有这个功能，它本身工作得很好，但是每当我不打算向上滚动时它就会向下滚动。我希望它仅在 div 的滚动条（溢出）位于底部时才运行该功能，这样可以向上滚动而无需向下滚动以防止查看旧消息。

function opdaterPost(til, fra){
        $('#beskeder_vis').load('calls/opdater_post.php?til=' + til + '&fra=' + fra);
        $("#beskeder_vis").animate({ scrollTop: $("#beskeder_vis").prop("scrollHeight") }, 1500);   
}

这是一个显示聊天框的 jsfiddle http://jsfiddle.net/w989Y/

Answer 1

您通过以下方式检查 div 是否滚动到底部：

if ($("divID").get(0).scrollHeight - $("divID").scrollTop() == $("divID")outerHeight()) { ... }

Answer 2

看起来您正在尝试按照 Facebook 自动收报机的工作方式进行操作。当您滚动到底部时，outerheight容器的 , 添加到scrollTop, （容器已滚动的量）应该为您提供总内容高度scrollHeight。所以做这样的事情：

$("#divId").scroll(function() {
  if ($(this).scrollTop() + $(this).outerHeight() == this.scrollHeight)  
  {
     \\do stuff;
  }
});