[JavaScript] Scroll na widoku

[JavaScript] Scroll na widoku

edzio20 Zobacz profil	16.10.2017, 16:23:39 Post #1
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.10.2017 Ostrzeżenie: (0%)	Witam, mam pytanie odnośnie scroll-ów. Jak zrobić, aby scroll-e X umieszczone w div-ie były zawsze na widoku, nawet gdy dany div jest większy niż wysokość ekranu. Kod: [HTML] pobierz, plaintext <!DOCTYPE html> <html lang="pl"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="utf-8"/> </head> <style> html, body { padding: 0; margin: 0; } #container { overflow: hidden; } #left { float: left; width: 60%; overflow-x: scroll; background-color: rgb(210, 210, 210); } #right { float: left; width: 40%; overflow-x: scroll; background-color: rgb(230, 230, 230); } </style> <body> <div id = "container"> <div id = "left"> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> </div> <div id = "right"> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/>Tekst<br/> </div> </div> </body> </html> [HTML] pobierz, plaintext OBRAZEK SCROLLOW Chodzi o to że scrolle zawsze znajdują się na samym dole diva, a ja chce, aby były na dole ekranu i aby zawsze mogło się je przesunąć. Wiem, że moge dać wyskokość div-ów na 100%, ale zależy mi na tym, aby był jeden scorll pionowy co scrolluje oba divy na raz. Nie wiem, czy za pomocą javascript można jakoś ustawić pozycje scrolla w osi y tak aby był zawsze na wierzchu. Z góry dzieki. Ten post edytował edzio20 16.10.2017, 16:47:00