Jak zrobić takie menu?

Question

Witam!
 

Robię stronę one page. Mam menu i chciałbym aby po kliknięciu jednej z zakładek zjechało na odpowiednią sekcje na stronie

Miłego wieczoru!

Answer 1

Najprościej będzie, jeśli nadasz id sekcjom, do których chcesz przewinąć stronę po kliknięciu. Natomiast nawigowalnym elementom menu (najlepiej gdyby to były linki) nadaj atrybut href z wartością # oraz id-kiem danej sekcji, np.:

<ol>
  <li>
    <a href="#firstSection">Idź do sekcji pierwszej</a>
  </li>
  <li>
    <a href="#secondSection">Idź do sekcji drugiej</a>
  </li>
  <li>
    <a href="#thirdSection">Idź do sekcji trzeciej</a>
  </li>
</ol>

<section id="firstSection">Sekcja pierwsza</section>
<section id="secondSection">Sekcja druga</section>
<section id="thirdSection">Sekcja trzecia</section>

Więcej będzie można doradzić, gdy pokażesz kod.

Comments

wydaje mi się, że autorowi chodziło o smooth scrolling

---

Możliwe, ale nie napisał tego w pytaniu. :)

---

Racja raczej chodziło mi o ten smooth scrolling, jednak właściwie to to o czym nasipał @JSHolic w zupełności wystarczy, dzięki za pomoc :)

Answer 2

Pan Mirosław Zelent ma całkiem fajny poradnik dotyczący smooth scrollingu.

Answer 3

1. Pobrać element/elementy menu po którego kliknięciu ma zjeżdżać, oraz sekcje do zjazdu

2. Dać elementom menu addEventListener na clicka i przekazać funkcję która animuje. Najprościej będzie w JQuery