Vue Scrollto screenshot

Vue Scrollto

Author Avatar Theme by Rigor789
Updated: 26 May 2023
2078 Stars

Adds a directive that listens for click events and scrolls to elements.

Overview:

The vue-scrollto package facilitates scrolling to elements effortlessly and efficiently in Vue 2.x and Vue 3.x. It leverages the performance benefits of window.requestAnimationFrame for animations and employs the bezier-easing micro-library for smooth transitions.

Features:

  • Easy Element Scrolling: Allows seamless scrolling to elements on a webpage.
  • Performance Optimization: Utilizes window.requestAnimationFrame for efficient animations.
  • Customizable Options: Offers a range of parameters for users to customize the scrolling behavior.
  • Compatibility: Supports Vue 2.x and Vue 3.x, with separate support for Vue 1.x using a specific version.

Installation:

To install vue-scrollto, you can use npm, yarn, or directly include it in your HTML file.

Using npm:

npm install vue-scrollto

Using yarn:

yarn add vue-scrollto

Directly include in HTML:

<script src="path/to/vue-scrollto.js"></script>

Summary:

The vue-scrollto package is a handy tool for Vue developers looking to implement smooth scrolling functionality on their websites. With support for Vue 2.x and Vue 3.x, customizable options, and efficient performance optimizations, it offers a convenient solution for enhancing the user experience through seamless scrolling animations.