Boczne menu (po lewej) przyklejane (sticky)

Question

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) =>

Comments

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?

---

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

Answer 1

https://codepen.io/radek024/pen/oGeYLw

To bardzo podobny schemat - możesz go przebudować.

Swoją drogą, codepena mieć warto: https://radek024.github.io/blog/bykiwkodzie/html/css/strony-www/2017/06/02/zaloz_codepena/

Answer 2

.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

Comments

heh, próbowałem, ale niestety tak nie działa ;)

---

W takim razie zamieść kod, bo nie bardzo wiem co może nie działać.