supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Keep chat stickied to the bottom on resize

Browse Source 
Fixes the chat not staying at the bottom when opening the on-screen keyboard on mobile.
This commit is contained in:
Maxime Poulin 2016-05-25 03:41:41 -04:00
parent 7834d12e8f
commit 312b7eaa0c
No known key found for this signature in database
GPG Key ID: CB63C36252F40D4B
1 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
client/js/libs/jquery/stickyscroll.js vendored
View File

@ -1,29 +1,48 @@
(function($) {
$.fn.unsticky = function() {
return this.unbind(".sticky");
return this.trigger("unstick.sticky").unbind(".sticky");
};
$.fn.sticky = function() {
var self = this;
var stuckToBottom = true;
var lastStick = 0;
var keepToBottom = function() {
if (stuckToBottom) {
self.scrollBottom();
}
};
$(window).on("resize.sticky", keepToBottom);
self
.on("scroll.sticky", function(e) {
stuckToBottom = self.isScrollBottom();
.on("unstick.sticky", function() {
$(window).off("resize.sticky", keepToBottom);
})
.on("msg.sticky", function() {
if (stuckToBottom) {
.on("scroll.sticky", function() {
// When resizing, sometimes the browser sends a bunch of extra scroll events due to content
// reflow, so if we resized within 250ms we can assume it's one of those. The order of said
// events is not predictable, and scroll can happen last, so not setting stuckToBottom is
// not enough, we have to force the scroll still.
if (stuckToBottom && Date.now() - lastStick < 250) {
self.scrollBottom();
} else {
stuckToBottom = self.isScrollBottom();
}
})
.on("scrollBottom.sticky", function() {
stuckToBottom = true;
lastStick = Date.now();
this.scrollTop = this.scrollHeight;
})
.on("msg.sticky", keepToBottom)
.scrollBottom();
return self;
};
$.fn.scrollBottom = function() {
var el = this[0];
this.scrollTop(el.scrollHeight);
this.trigger("scrollBottom.sticky");
return this;
};