From a783a717890aab28a9eb6662be67085c07da4b54 Mon Sep 17 00:00:00 2001
From: Mattias Erming <mattias@mattiaserming.com>
Date: Sun, 9 Mar 2014 19:39:25 +0100
Subject: [PATCH] Added sticky jQuery plugin

---
 client/js/chat.js | 49 +++++++++++++++++++++++++++++++++++++----------
 1 file changed, 39 insertions(+), 10 deletions(-)

diff --git a/client/js/chat.js b/client/js/chat.js
index 0669079..3cf2c9a 100644
--- a/client/js/chat.js
+++ b/client/js/chat.js
@@ -31,7 +31,7 @@ $(function() {
 			})
 		);
 
-		chat.find(".messages").scrollToBottom();
+		chat.find(".messages").sticky();
 		chat.find(".window")
 			// Sort windows by `data-id` value.
 			.sort(function(a, b) { return ($(a).data("id") - $(b).data("id")); })
@@ -59,8 +59,7 @@ $(function() {
 	});
 });
 
-
-(function() {
+(function($) {
 	var highest = 1;
 	$.fn.bringToTop = function() {
 		return this
@@ -68,16 +67,46 @@ $(function() {
 			.find("input")
 			.focus();
 	};
+})(jQuery);
 
-	$.fn.scrollToBottom = function() {
-		return this.scrollTop(this.prop("scrollHeight"));
+// Sticky plugin
+// https://github.com/erming/sticky
+
+(function($) {
+	var append = $.fn.append;
+	$.fn.append = function() {
+		return append.apply(this, arguments).trigger("append");
 	};
 
-	$.fn.isScrollBottom = function() {
-		var height = this.outerHeight();
-		var scroll = this.scrollTop();
-		if ((scroll + height + 5) >= this.prop("scrollHeight")) {
+	$.fn.sticky = function() {
+		var self = this;
+		if (self.size() > 1) {
+			return self.each(function() {
+				$(this).sticky();
+			});
+		}
+
+		var sticky = false;
+		self.on("scroll", function() {
+			sticky = self.isScrollAtBottom();
+		});
+		self.trigger("scroll");
+		self.on("append", function() {
+			if (sticky) {
+				self.scrollToBottom();
+			}
+		});
+
+		return this;
+	};
+
+	$.fn.scrollToBottom = function() {
+		this.scrollTop(this.prop("scrollHeight"));
+	};
+
+	$.fn.isScrollAtBottom = function() {
+		if ((this.scrollTop() + this.outerHeight()) >= this.prop("scrollHeight")) {
 			return true;
 		}
 	};
-})();
+})(jQuery);