javascript滚动到div类的底部

Question

嗨，我正在尝试在 django 中实现一个简单的聊天框，并且想知道如何使用 javascript 滚动到 div 类的底部？基本上，当页面加载时，我希望用户可以看到发送给他们的最新消息，而不是最近的消息。

Answer 1

我最近不得不做类似的事情。我发现了一个基本的 jquery 插件，可以将元素平滑地滚动到屏幕上。

(function($) {

  $.fn.scrollMinimal = function() {

    var cTop = this.offset().top;
    var cHeight = this.outerHeight(true);
    var windowTop = $(window).scrollTop();
    var visibleHeight = $(window).height();

    if (cTop < windowTop) {
      $('body').animate({'scrollTop': cTop}, 'slow', 'swing');
    } else if (cTop + cHeight > windowTop + visibleHeight) {
      $(jQuery.browser.webkit ? "body": "html")
        .animate({'scrollTop': cTop - visibleHeight + cHeight}, 'slow', 'swing');
    }
  };

}(jQuery));

使用方式如下:

$('#chat').scrollMinimal();