Chat scrolling

2 files changed, 2 insertions, 0 deletions

diff --git a/css/chat.css b/css/chat.css
index 9f14d29..de68863 100644
--- a/css/chat.css
+++ b/css/chat.css
@@ -43,6 +43,7 @@
   border-style: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #eeeeee;
+  overflow-y: auto;
 }
 .chinput {
   position: absolute;
diff --git a/js/chat.js b/js/chat.js
index b79fee6..a2d8c00 100644
--- a/js/chat.js
+++ b/js/chat.js
@@ -59,6 +59,7 @@ var bullechat = {
         $item = $('<li/>', {'class': 'chspecial'}).text(msg);
       }
       $elem.data('body').append($item);
+      $elem.data('body').animate({scrollTop: $elem.data('body').scrollHeight}, 250);
       return $item;
     },
     end: function () {