.scrollIntoView()

Viewport

Плавная прокрутка к нужному элементу. Имеет необязательный параметр для отступа сверху.

scrollIntoView(element [, options])

Метод .scrollIntoView() для работы с плавной прокруткой к указанному элементу. Дополнительно можно указать верхнее смещение.

Параметр Тип Описание
element Nodes Элемент HTML.
options Object offset позволяет настроить смещение в пикселях на которые делается отступ сверху.

Использование

В данном примере имеем кнопку "К цели!", при клике на которую, с помощью функции util.scrollIntoView(), происходит плавное перемещение к целевому блоку с идентификатором #my-target, так, чтобы он был видим пользователю.

<button id="my-btn" class="uk-button uk-button-default">К цели!</button>

<div class="uk-height-max-large">Что-то...</div>

<div id="my-target">Цель</div>
util.on('#my-btn', 'click', function () {
  const myTarget = util.$('#my-target')
  
  util.scrollIntoView(myTarget, { offset: 100 })
});