Прокрутка страницы к нижнему краю элемента

В основном все решения для прокручивания страницы к нужному элементу сводятся к переходу на его верх. Тоже самое делают и якоря в html.

В данной теме рассмотрен переход страницы в низ этого элемента.

Пример:

HTML:

Где атрибут data-to указывает ID элемента, к низу которого нужно прокрутить страницу.

JS:

Для плавной прокрутки можно добавить CSS-свойство scroll-behavior:

Секция 1
Секция 2
Секция с картинкой

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Миша:

    Прикольное решение. Спасибо 😀

    Ответить
  • Тимофей:

    Это же обычные якорные ссылки,а почему название страницы прокрутка?

    Ответить
    • Alexander:

      Якоря — на верх элемента.
      У нас есть секции А Б В, и перейдя по якорю, мы попадем на верх этих секций.
      Другими словами они равняются по верхней границе окна браузера.
      А тут по нижнему.

      Меня вчера попросили сделать, стало интересно, а как.
      Решение редко применяемое, конечно, но кому то же понадобилось 🙂

      А прокрутка… страницу прокручиваем в нужную точку. Не так?

      Ответить