CSS: div so scrollbarom bez JS

29. 12. 2015 15:08:52

Ahojte,

mam div, ktory ma fixnutu poziciu(zeleny) tak ze je zobrazeny vlavo od hora az dolu a mam v nom nejake dalsie divy ktore nemaju ziadnu poziciu, cize su defaultne static.

Posledny div(oranzovy) je vsak privysoky na to aby sa zmestil na obrazovku a chcel by som aby mal scroll, cize overflow-y: scroll. Problem vsak je ze mi scroll na nom fungovat nebude nakolko nema fixnutu poziciu. Keby som scroloval cely ten fixnuty(zeleny) div tak by to fungovalo ale ja chcem aby bol scrollovatleny iba tento jeden konkretny(oranzovy) div kvoli UX.

Chcem toho docielit bez JS co sa mi zatial nedari. Ako priklad si mozete otvorit youtube a to menu vlavo. Problem je ze oni maju fixnuty cely ten div a vtedy to funguje + JSkom nastavuju max vysku(co sice nie je potrebne ale asi to maju kvoli inym veciam) + hore odsadzuju vysku toho top baru.17874

29. 12. 2015 15:08:52

https://webtrh.cz/diskuse/css-div-so-scrollbarom-bez-js#reply1161692

Malcánek Jan

(4 hodnocení)

29. 12. 2015 15:26:30

Jak máš nastavené ty výšky těch divů v tom zeleném boxu? Pokud nastavíš fixní výšku tomu oranžovému divu, tak ti ten scroll půjde, ale nevím, jak máš ty výšky vlevo nastavené.

29. 12. 2015 15:26:30

https://webtrh.cz/diskuse/css-div-so-scrollbarom-bez-js#reply1161691

node

(5 hodnocení)

29. 12. 2015 15:30:13

Zeleny je: position: fixed, top: 0, left: 0, bottom: 0. Tie modre nemaju ziadne nastavenie, zaberu tolko miesta kolko maju obsahu.

29. 12. 2015 15:30:13

https://webtrh.cz/diskuse/css-div-so-scrollbarom-bez-js#reply1161690

Malcánek Jan

(4 hodnocení)

29. 12. 2015 15:33:51

Snad se najde někdo kdo to vymyslí, ale mě nenapadá jiná varianta, než právě ten javascript, protože na scrollování v divu mu musíš nastavit fixní výšku, ale ty dopředu nevíš, jak vysoké jsou ty modré divy nad ním, takže mu tu výšku nastavit nemůžeš a jediné co mě napadá je tu výšku dopočítat až po vypsání obsahu a na to je potřeba javascript.

29. 12. 2015 15:33:51

https://webtrh.cz/diskuse/css-div-so-scrollbarom-bez-js#reply1161689

Michal Brůžek