Witam. Jak zmodyfikować poniższy kod aby wysokość aside wynosiła sumę wysokości dwóch divów? Problematyczne jest to iż ich wysokość zmienia się zależnie od zmian opisu użytkownika więc nie mam określonej stałej wartości na której mógłbym bazować. Z góry dziękuję i pozdrawiam.
http://jsfiddle.net/xcgyL5LL/1/
Pełna wersja: [HTML][CSS]Wielkość Aside zależna od zawartości.
Jeśli dobrze zrozumiałem, to mają być widoczne 2 elementy a pozostałe mają być dostępne za pomocą scrolla.
Jeśli o to chodzi, to niestety, bez JS się nie obędzie.
Jeśli o to chodzi, to niestety, bez JS się nie obędzie.
Cytat(sunpietro @ 7.08.2015, 19:38:10 ) 
Jeśli dobrze zrozumiałem, to mają być widoczne 2 elementy a pozostałe mają być dostępne za pomocą scrolla.
Jeśli o to chodzi, to niestety, bez JS się nie obędzie.
Jeśli o to chodzi, to niestety, bez JS się nie obędzie.
Dokładnie o to chodzi. A jak można to zrobić w js?
Zrób tak:
Kod
var users = document.querySelectorAll('.users'),
var height = 0;
var aside = document.querySelector('aside');
for (var i = 0; i < 2; i++) {
height += users[i].getBoundClientRect().height;
}
aside.style.height = height + 'px';
var height = 0;
var aside = document.querySelector('aside');
for (var i = 0; i < 2; i++) {
height += users[i].getBoundClientRect().height;
}
aside.style.height = height + 'px';
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.