Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Wielkość Aside zależna od zawartości.
Generic
post
Post #1





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


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/
Go to the top of the page
+Quote Post
sunpietro
post
Post #2





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Generic
post
Post #3





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


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.


Dokładnie o to chodzi. A jak można to zrobić w js?
Go to the top of the page
+Quote Post
sunpietro
post
Post #4





Grupa: Zarejestrowani
Postów: 262
Pomógł: 26
Dołączył: 23.01.2009
Skąd: eZ Systems

Ostrzeżenie: (0%)
-----


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';
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 06:52