Streams/streams
Streams/streams
1
0
Fork 0
mirror of https://codeberg.org/streams/streams.git synced 2024-09-20 06:15:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

should be able to use this to get rid of vertical scrollbars but still restrict initial content height. It does not depend on text length but purely on the height of the contained html.

Browse source
This commit is contained in:
friendica 2012-07-22 21:20:43 -07:00
parent 9299050fcb
commit 33ea8737b7
1 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
js/main.js
View file

@ -653,3 +653,36 @@ function previewTheme(elm) {
}
// This can be used for dynamic "show more" based purely on the
// height of the enclosed HTML (which has overflow: hidden).
// if ($(el).vScrollable()) {
// show_more_link(el);
// }
// when link is clicked do $(el).css('overflow','visible')
//
// We do this by cloning the element in question but in a hidden div which displays overflow content and compare the heights
// of the two elements. Then we remove the hidden div we just created.
(function($) {
$.fn.vScrollable = function() {
return this.each(function() {
var el = $(this);
var tooHigh = false;
if(el.css("overflow") == "hidden") {
var text = el.html();
var t = $(this.cloneNode(true))
.hide()
.css('position', 'absolute')
.css('overflow', 'visible')
.width(el.width())
.height('auto')
;
el.after(t);
tooHigh = (t.height() > el.height());
el.parentNode.removeChild(el);
}
return tooHigh;
});
};
})(jQuery);