Scrollspy oraz powrót do góry strony

Question

Witam!

Piszę właśnie swoją personalną stronę. Będzie to taki typowy one page i mam pewien problem. Próbowałem już wielu skryptów scrollspy i żaden nie spełnił moich oczekiwań. Chce aby po kliknięciu na link w navbarze, scrollspy przenosił do wybranej przez nas sekcji i podświetlał aktywny element w menu, przy czym chciałbym również aby w tym samym czasie sam navbar zmniejszył trochę swój rozmiar i stał się troszkę bardziej przezroczysty. Kliknięcie loga (w tym przypadku mojego imienia i nazwiska) przenosiłoby by na samą górę strony. Navbar jest na stałe przyklejony do górnej krawędzi. Udało mi się to osiągnąć bardzo prymitywnym sposobem i niestety przy niższych rozdzielczościach, wszystko się rozjeżdżało i cała strona była do niczego. Ogólnie rzecz ujmując to chciałbym uzyskać dokładnie taki efekt jak tutaj: LINK.

Z góry dziękuję za pomoc! :)

Answer 1

To wszystko można zrobić bez żadnych wtyczek, jquery itp. daj na codepen swoj kod łącznie z js i sprobuj pokombinować np. poprzez odpowiednie operowanie classList na zdarzeniu scroll.

Comments

Tak to wygląda: CodePen

Przechodzenie do poszczególnych sekcji tak jak mówiłem zrobiłem w prymitywny sposób, czyli tak jak przejście na górę strony po kliknięciu loga tylko że wartość scrollTop wpisywałem inną.