Maintain bottom-most scroll position when resizing conversation area, once again.

Related with #278. Redone to include keeping scroll at the bottom when resizing the window, as suggested in #305, and to better fit the current code structure.

js/views/conversation_view.js

@@ -216,25 +216,21 @@
                 return this.$('.bottom-bar form').submit();
             }
 
-            var $discussionContainer = this.$('.discussion-container'),
+            this.view.measureScrollPosition();
-                $bottomBar = this.$('.bottom-bar'),
+            window.autosize(this.$messageField);
-                $messageList = this.$('.message-list');
 
-            var scrollPosition = $messageList.scrollTop() + $messageList.outerHeight(),
+            var $discussionContainer = this.$('.discussion-container'),
-                scrollHeight = $messageList[0].scrollHeight,
+                $bottomBar = this.$('.bottom-bar');
-                shouldStickToBottom = scrollPosition === scrollHeight;
 
-            window.autosize(this.$messageField);
             $bottomBar.outerHeight(this.$messageField.outerHeight() + 1);
             var $bottomBarNewHeight = $bottomBar.outerHeight();
             $discussionContainer.outerHeight(this.$el.outerHeight() - $bottomBarNewHeight - this.$('#header').outerHeight());
 
-            if (shouldStickToBottom) {
+            this.view.scrollToBottomIfNeeded();
-                $messageList.scrollTop(scrollHeight);
-            }
         },
 
         forceUpdateMessageFieldSize: function (event) {
+            this.view.scrollToBottomIfNeeded();
             window.autosize.update(this.$messageField);
             this.updateMessageFieldSize(event);
         }

js/views/message_list_view.js

@@ -17,6 +17,10 @@
     'use strict';
     window.Whisper = window.Whisper || {};
 
+    var scrollPosition,
+        scrollHeight,
+        shouldStickToBottom;
+
     Whisper.MessageListView = Whisper.ListView.extend({
         tagName: 'ul',
         className: 'message-list',
@@ -25,9 +29,20 @@
             'add': 'scrollToBottom',
             'update *': 'scrollToBottom'
         },
+        measureScrollPosition: function() {
+            scrollPosition = this.$el.scrollTop() + this.$el.outerHeight();
+            scrollHeight = this.el.scrollHeight;
+            shouldStickToBottom = scrollPosition === scrollHeight;
+        },
+        scrollToBottomIfNeeded: function() {
+            if (shouldStickToBottom) {
+                this.$el.scrollTop(scrollHeight);
+            }
+        },
         scrollToBottom: function() {
             // TODO: Avoid scrolling if user has manually scrolled up?
             this.$el.scrollTop(this.el.scrollHeight);
+            this.measureScrollPosition();
         },
         addAll: function() {
             Whisper.ListView.prototype.addAll.apply(this, arguments); // super()