Scrolling now works correctly when loading thumbnails

This commit is contained in:
Mattias Erming 2014-09-30 14:44:29 -07:00
parent bf8939cf06
commit e1e0b4f3cc
4 changed files with 26 additions and 10 deletions

View File

@ -615,7 +615,7 @@ button {
display: none; display: none;
color: #222; color: #222;
font: 12px Lato; font: 12px Lato;
max-width: 480px; max-width: 100%;
padding: 6px 8px; padding: 6px 8px;
margin-top: 2px; margin-top: 2px;
} }

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
/*! /*!
* stickyscroll * stickyscroll
* https://github.com/erming/stickyscroll * https://github.com/erming/stickyscroll
* v2.1.1 * v2.2.0
*/ */
(function($) { (function($) {
$.fn.sticky = function() { $.fn.sticky = function() {
@ -48,6 +48,8 @@
}); });
}; };
$.fn.isScrollBottom = isScrollBottom;
function isScrollBottom() { function isScrollBottom() {
if ((this.scrollTop() + this.outerHeight() + 1) >= this.prop("scrollHeight")) { if ((this.scrollTop() + this.outerHeight() + 1) >= this.prop("scrollHeight")) {
return true; return true;

View File

@ -595,7 +595,21 @@ $(function() {
chat.on("click", ".toggle-button", function() { chat.on("click", ".toggle-button", function() {
var self = $(this); var self = $(this);
self.parent().next(".toggle-content").toggleClass("show"); var chat = self.closest(".chat");
var bottom = chat.isScrollBottom();
var content = self.parent().next(".toggle-content");
if (bottom && !content.hasClass("show")) {
var img = content.find("img");
if (img.length != 0 && !img.width()) {
img.on("load", function() {
chat.scrollBottom();
});
}
}
content.toggleClass("show");
if (bottom) {
chat.scrollBottom();
}
}); });
var windows = $("#windows"); var windows = $("#windows");