Javascript прокрутка до элемента

Вертикальный скролл страницы в jQuery выполняется при помощи метода .scrollTop(value) .

value — число, значение скролла в пикселях.

Пример

Например необходимо проскроллить страницу до элемента с .

Категории

Читайте также

Комментарии

а если нужно скроллиться с определенной скоростью и так, чтобы работало в хроме, что использовать?

Введите данные указанные при регистрации:

Социальные сети

Вы можете быстро войти через социальные сети:

Есть множество решений скролла (прокрутки) на jQwery, но если вы ее не используете то устанавливать ради скролла огромную библиотеку нет смыла, поэтому я решил написать небольшой урок, как сделать плавный scroll на чистом JS без jQwery.

К примеру у нас есть простенькое меню с якорями

Ну и соответственно сами якоря (на странице)

Для плавного скролла подключаем к документу следующий скрипт

и для того чтобы все начало работать немного модифицируем разметку меню

Понимаю, тема со скроллом до элемента с конкретным id, по клику пункта навигации, заезженна до дыр. Но я так и не смог найти внятного рабочего примера на нативном JS, все примеры которые находит гугл и яша завуалированы как JavaScript но наделе везде JQ.

Сейчас по клику на меню, с левой стороны выкатывает сайдбар с пунктами навигации по странице. Если кликать по этим пунктам сверху вниз ( 1,2,3 или рандомно по возрастающей), то соответственно работает скролл вниз с плавной прокруткой до элемента.

Если текущий скролл находится на элементе 4 соответствующий пункту навигации 4, и если необходимо прокрутить до 2 элемента (начиная сверху) т.е в вверх от текущего положения, получается то просто скрол в 0;