html, css kilka pytań

Question

Witajcie, mam kilka pytań dotyczących poprawnego zbudowania strony.

Chciałbym osiągnąć efekt takiego zachowania się górnego menu jak na przykładzie tej strony http://oshinewptheme.com/v31/ w momencie przejścia do drugiej sekcji strony menu dostaje swój kolor tła i płynnie po chwili przykleja się, czy da się taki sam efekt uzyskać w samym css? bez wykorzystania js? podobnie sprawa tyczy się rozpoczęcia animacji w momencie gdy dotrę do danej sekcji jak na przykładzie strony którą podałem jest to sekcja "portfolio" zrobiłem na stronie którą buduje animacje zdjęcia które wjeżdża z lewej strony określiłem 1 sekunde opóźnienia lecz animacja nie startuje w momencie gdy dotrę do tej sekcji tylko sekundę po otworzeniu całej strony.

Kolejna sprawa tyczy się używania jednostek em zamiast px podobno lepiej używać jednostek em, ze względu na to że użytkownik może sobie określić na sztywno rozmiar czcionki w swojej przeglądarce chyba nie do końca rozumiem... załóżmy że przypisuje raz 20px dla arkusza stylów a potem używam em do budowania zależności, ale w momencie gdy użytkownik zmieni sobie wielkość pisma w przeglądarce to i tak cała strona się rozwali tak samo jak by było to na px.

Z góry dziękuje za cierpliwość i poświęcony czas na wytłumaczenie tych kwestii :)

Answer 1

Sam efekt przyklejenia menu do góry strony przy przewijaniu możesz uzyskać za pomocą właściwości "position: sticky" w css.

https://developer.mozilla.org/en-US/docs/Web/CSS/position

Animacje możesz tworzysz w css (lub js), ale aby wywołać je przy dotarciu do danej sekcji musisz skorzystać z js.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

Em (jak i rem) są wykorzystywane się przy budowaniu responsywnych stron www.
https://forum.pasja-informatyki.pl/272902/css-rem-em-px

Answer 2

Bez wykorzystania JS czy jakiegoś innego języka skryptowego raczej tego się nie da uzyskać. Musisz przecież pobrać jakoś pozycję, do której ktoś doscrollował.

Też kiedyś miałem taki ogromny wstręt do JS, chciałem wszystko robić w CSS, ale później się przełamałem i nie żałuję. Robiłem coś podobnego (tylko z płynną zmianą koloru, w sensie im niżej zjadę tym kolor ciemniejszy), to dosłownie kilka linijek kodu. Nie martw się, jeśli coś nie będzie wychodzić, w końcu się uda :)

Comments

Nie mówię że nie może być to z wykorzystaniem JS tylko że jeszcze nic nie uczyłem się pod kontem JS i myślałem że da się to jakoś osiągnąć w samym css

---

Skoro chcesz być frontendowcem to musisz znać js, chociaż w podstawowym stopniu