Как сделать посекционную прокрутку страницы?

Question

[Evgeny K]

Доброго дня.
Можно ли реализовать что бы с помощью 2 кнопок "вверх" и "вниз", осуществлять прокрутку по секциям?

Например:

<section id="home">................</section>
<section id="service">................</section>
<section id="about">................</section>

То есть нажав кнопку "в низ" попадаю в секцию mydomain.ru/#service

нажав еще раз "вниз" попадаю в секцию mydomain.ru/#about
И аналогично так же с кнопкой "вверх"

Answer 1

[Михаил Горячкин]

Вот вам примерчик по быстрому накидал. Под себя я думаю сами подправите.

Comments

[Evgeny K]

спасибо, самое то

[Pavel K]

Рекомендую добавить ещё определение на какой секции сейчас, иначе докрутив почти до конца и нажать "bottom" переходим ко второй сверху =)

[Evgeny K]

Pavel K: я не силен в js. если подскажите буду благодарен

[Михаил Горячкин]

Демка писалась, на быструю руку, для показа принципа реализации, так что там много чего не хватает. Добавил убогое определения секции). Смотрите там же.

Answer 2

[markilfin]

Думаю вам нужно что-то вроде этого fullPage. Демо страница.

Answer 3

[Анна Бакурова]

Думаю то что нужно OliwPageSlider