Logowanie

Boczne menu (po lewej) przyklejane (sticky)

pytanie zadane 17 lutego 2018 w HTML i CSS przez kurczakmaly Nowicjusz (120 p.)

Hejka naklejka.

Mam na stronie u góry header sticky (fajnie działa, jest caly czas u góry przy scrollowaniu) oraz bloczek nawigacyjny po lewej(aside). Chcę zrobić, żeby tez sie przykleił i chodził przy skrolowaniu, ale nie wiem jak.

Proszę o pomoc, z góry dziekuje ;)

dorzucam zdjecie jak to wyglada dokladnie (gdyby cos bylo niejasne) =>

komentarz 17 lutego 2018 przez hhh Gaduła (4,110 p.)

Może zamiast robić te 2 elementy sticky to zapełnij całego main-a tymi 3 bloczkami a temu z treścią daj "overflow: auto;", żeby dostała własnego scroll-a kiedy treść się nie zmieści?

komentarz 17 lutego 2018 przez kurczakmaly Nowicjusz (120 p.)

to by wymagalo zbyt duzej przebudowy witryny, na obrazku jest tylko schemacik, ale jest to trochu bardziej zaawansowane

2 odpowiedzi

odpowiedź 17 lutego 2018 przez radek024 Szeryf (77,160 p.)

odpowiedź 17 lutego 2018 przez gremlin Dyskutant (7,600 p.)

.nav{
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
}
.aside{
   position: fixed;
   top: 60px;
   left: 0;
   width: 30vw;
}
.main{
  width: 70vw;
  margin: 60px 0 0 30vw;
  min-height: 1000px;
}

np. tak