+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Div poruszający się ze scrollbarem. (/thread-div-poruszajacy-sie-ze-scrollbarem)
Div poruszający się ze scrollbarem. - Damian19 - 02-10-2011
Witam jak zrobić div który porusza się wraz ze scroll barem ? chodzi mi o przesówanie scroll bara tak by div się z nim poruszał tzw żeby był przyklejony do scroll bara.
RE: Div poruszający się ze scrollbarem. - Flake - 02-10-2011
elementy przyklejasz za pomocą CSS
position: fixed;
to powoduje, że element sprawdza swoje położenie względem okna przeglądarki a nie względem innych elementów na stronie.
RE: Div poruszający się ze scrollbarem. - Damian19 - 02-10-2011
Wpisując position: fixed; znika mi div. Jaka jest tego przyczyna ?
RE: Div poruszający się ze scrollbarem. - benny - 02-10-2011
Dodaj może z-index: 9999
RE: Div poruszający się ze scrollbarem. - Marys - 02-10-2011
może dodaj top: xpx bottom: xpx itd. pokaż kod
RE: Div poruszający się ze scrollbarem. - Damian19 - 02-10-2011
Dodałem top:30px; oraz right:5px; - to powoduje że ten element dostaje swoje współrzędne w oknie przeglądarki
Ale dzięki wszystkim za pomoc Jeszcze mam jedno pytanie. Jak dam te position fixed to naprzyklad chcę miec pasek od jednej krawędzi do drugiej niezaleznie od wielkosci monitora.
Dalem zapętlanie background: #FFF repeat-x; i nic.
RE: Div poruszający się ze scrollbarem. - benny - 02-10-2011
(02-10-2011, 19:56)Damian19 napisał(a): Jeszcze mam jedno pytanie. Jak dam te position fixed to naprzyklad chcę miec pasek od jednej krawędzi do drugiej niezaleznie od wielkosci monitora.Spróbuj dać right: 0; left: 0. Powinno się przyklejać do krawędzi.
Jeśli chcesz "pasek" pionowy to analogicznie top: 0; bottom: 0.
Nie wiem jednak jak to zachowuje się w IE.
RE: Div poruszający się ze scrollbarem. - Damian19 - 02-10-2011
Znaczy chodzi mi o coś takiego że ja mam rozdzielczość 1280na 1024 a ktoś może mieć większą rozdzielczość i wtedy po dwóch stronach pasku będzie przerwa. Dobrze mówię czy źle ?
Chyba że szerokość się rozciąga na większych monitorach ?
RE: Div poruszający się ze scrollbarem. - benny - 02-10-2011
Jeśli dasz right: 0 i left: 0 to przerwy nie powinno być. Przyklei się od 0px z lewej aż do 0px z prawej.
Kod:
<div style="position: fixed; background: #000000; height: 20px; bottom: 0; left: 0; right: 0"></div>
RE: Div poruszający się ze scrollbarem. - Damian19 - 02-10-2011
W sumie masz rację
jak dam width: 100%; to przy szerszej rozdzielczosci poziomej w innych monitorach przerw nie powinno byc