Scrolling now works correctly when loading thumbnails
This commit is contained in:
parent
bf8939cf06
commit
e1e0b4f3cc
|
@ -615,7 +615,7 @@ button {
|
|||
display: none;
|
||||
color: #222;
|
||||
font: 12px Lato;
|
||||
max-width: 480px;
|
||||
max-width: 100%;
|
||||
padding: 6px 8px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,7 @@
|
|||
/*!
|
||||
* stickyscroll
|
||||
* https://github.com/erming/stickyscroll
|
||||
* v2.1.1
|
||||
* v2.2.0
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.sticky = function() {
|
||||
|
@ -48,6 +48,8 @@
|
|||
});
|
||||
};
|
||||
|
||||
$.fn.isScrollBottom = isScrollBottom;
|
||||
|
||||
function isScrollBottom() {
|
||||
if ((this.scrollTop() + this.outerHeight() + 1) >= this.prop("scrollHeight")) {
|
||||
return true;
|
||||
|
|
|
@ -595,7 +595,21 @@ $(function() {
|
|||
|
||||
chat.on("click", ".toggle-button", function() {
|
||||
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");
|
||||
|
|
Loading…
Reference in New Issue