[CSS][bootstrap] tło dla marginesu containera przy position:sticky |
[CSS][bootstrap] tło dla marginesu containera przy position:sticky |
19.03.2019, 12:02:55
Post
#1
|
|
Grupa: Zarejestrowani Postów: 107 Pomógł: 0 Dołączył: 24.06.2010 Skąd: Warszawa Ostrzeżenie: (0%) |
Mam stronkę w układzie po lewej stronie - działa, fajnie... po zjechaniu przy przeglądaniu strony ma przewinąć się logo i menu ktore jest nizej (w container) dodanie CSS:
I pasek działa - przewija się... tylko nie wiem jak dodać logo po lewej stronie jak na obrazku po prawej tylko w momencie przewijania się strony... są jakieś w miarę proste sposoby? trzeba zastosować JS? Nie da się tak? Próbowałam z before przed container, row, lub col... bez efektu :/ |
|
|
20.03.2019, 02:23:02
Post
#2
|
|
Grupa: Zarejestrowani Postów: 445 Pomógł: 3 Dołączył: 4.06.2010 Ostrzeżenie: (0%) |
Polecam kurs i poczytać dokładnie o siatkach źle wogule budujesz siatkę strony w boostrap w skrócie treść znajduje sie zawsze w cointainer w niej robisz row a w nim dzielisz komórki czyli możesz zrobić 3x col-4 i wtedy masz jedno dla logo dwa do menu . Na dodatek w cointaer wstawiasz gotowa funkcje stick czyli class=„coinater sticky-top”
|
|
|
20.03.2019, 08:36:57
Post
#3
|
|
Grupa: Zarejestrowani Postów: 107 Pomógł: 0 Dołączył: 24.06.2010 Skąd: Warszawa Ostrzeżenie: (0%) |
sticky-top mi nie działa...
i tak buduję siatkę - container w nim row w nim col... |
|
|
20.03.2019, 08:41:15
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
.container wcale nie musi być najbardziej zewnętrznym elementem. Siatka też nie musi być równomierna.
poczatkujaca12, musisz użyć JS - zdarzenia onScroll lub lepiej IntersectionObserverAPI. -------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 18.04.2024 - 13:23 |