vue-scrollto — плавная прокрутка к любому элементу в VueJS

Инструмент, который поможет Вам легко создать плавную прокрутку к указанному элементу на странице. Поддержка как в виде директивы, так и прямого применения в коде.

Описание плагина

vue-scrollto использует window.requestAnimationFrame для выполнения анимации, тем самым давая лучшую производительность. Плавность выполняется с помощью bezier-easing — хорошо протестированной облегчающей микро-библиотеки. Инструмент даже знает, когда пользователь прерывает прокрутку, что приводит к хорошему UX.

Установка

Или непосредственно включить его в html:

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

vue-scrollto может использоваться как директива vue, так и программно из javascript.

Как директива vue:

В случае, если вы используете версию браузера (непосредственно включая скрипт на Вашей странице), вы можете установить значения по умолчанию с помощью:

Если необходимо настроить параметры прокрутки, можно передать в директиву литерал объекта:

Программно

На этому все. Использование плагина не составляет труда. Дополнительное описание параметров можно найти на странице источника.