Add auto scroll after the bot's message

Author: RishabhJain2018

chat/templates/chat/index.html

@@ -146,7 +146,7 @@ <h2 id="dragAndDropContentHeading" class="grey-text lighten-1" align="center">Dr
         $(botChatDiv).prepend(botColDiv);
         $(botChatDiv).prepend(botImage);
         $(".messages").append(botChatDiv);
-        $("body").animate({
+        $("body, html").animate({
             scrollTop: $(document).height() - $(window).height()
         }, {
             complete: function() {
@@ -313,8 +313,8 @@ <h2 id="dragAndDropContentHeading" class="grey-text lighten-1" align="center">Dr
     $(botChatDiv).prepend(botColDiv);
     $(botChatDiv).prepend(botImage);
     $(".messages").append(botChatDiv);
-    $(".messages").animate({
-        scrollTop: $(".messages").scrollHeight
+    $("body, html").animate({
+        scrollTop: $(document).height() - $(window).height()
     }, 100);
 
 }