JQuery при прокрутке перемещается по разделам

У меня есть веб-сайт, на котором я не хочу использовать обычный скроллер. Мне нужен скроллер, который перемещается по разделам. В моем коде есть полные разделы страницы:

<section class = "first">
</section>
<section class = "second">
</section>

Я хочу, чтобы, когда пользователь прокручивает вниз, он автоматически переходит к разделу «второй», а после другого прокрутки - к «третьему» и т. д.

Как я могу это сделать?

Под «скроллером» вы подразумеваете полосу прокрутки?

— 14.06.2018 19:59

Да, прокрутка навигации, у меня она отключена как переполнение: скрыто, но я хочу, чтобы прокрутка от мыши проходила по разделам, а не как обычные скроллеры

— 14.06.2018 20:32

Это может быть хорошим местом для начала. Но ВНИМАНИЕ, это НЕ работает в сафари. sitepoint.com/html5-javascript-mouse-wheel

— 14.06.2018 20:47

jquery html

14.06.2018 19:06

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Ответы 1

Предполагая, что у вас есть кнопка с кнопкой id, попробуйте следующий пример:

$("#button").click(function() {
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

Использовал это, чтобы решить вашу проблему

https://codepen.io/jvondoom/pen/VvbrdY

15.03.2019 18:41