Javascript прокрутка до элемента
Вертикальный скролл страницы в jQuery выполняется при помощи метода .scrollTop(value) .
value — число, значение скролла в пикселях.
Пример
Например необходимо проскроллить страницу до элемента с .
Категории
Читайте также
Комментарии
а если нужно скроллиться с определенной скоростью и так, чтобы работало в хроме, что использовать?
Введите данные указанные при регистрации:
Социальные сети
Вы можете быстро войти через социальные сети:
Есть множество решений скролла (прокрутки) на jQwery, но если вы ее не используете то устанавливать ради скролла огромную библиотеку нет смыла, поэтому я решил написать небольшой урок, как сделать плавный scroll на чистом JS без jQwery.
К примеру у нас есть простенькое меню с якорями
Ну и соответственно сами якоря (на странице)
Для плавного скролла подключаем к документу следующий скрипт
и для того чтобы все начало работать немного модифицируем разметку меню
Понимаю, тема со скроллом до элемента с конкретным id, по клику пункта навигации, заезженна до дыр. Но я так и не смог найти внятного рабочего примера на нативном JS, все примеры которые находит гугл и яша завуалированы как JavaScript но наделе везде JQ.
Сейчас по клику на меню, с левой стороны выкатывает сайдбар с пунктами навигации по странице. Если кликать по этим пунктам сверху вниз ( 1,2,3 или рандомно по возрастающей), то соответственно работает скролл вниз с плавной прокруткой до элемента.
Если текущий скролл находится на элементе 4 соответствующий пункту навигации 4, и если необходимо прокрутить до 2 элемента (начиная сверху) т.е в вверх от текущего положения, получается то просто скрол в 0;