Vue.js Scrolls

A Vue component to easily setup scroll-driven interactions (aka scrollytelling).

A simple, Seamless scrolling for Vue.js.

Stops propagation scroll when edge reached.

Customize the scroll behavior on route navigation. Especially hash mode.

A Vue directive and component that detect element when it's visible or hidden on viewport

A custom directive for firing functions when an element reaches a designated point in the viewport, with option to import module with globally accessible functions.

A scrollspy plugin and animated scroll-to.

A vue directive that support multiple DOM nodes stick to top automatically

A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.

A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.

Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.

An Awesome CSS3 list scroll effects component for Vue.js 2.x.

A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat vue@2.2.x)

A Vue component to add intersection-observer to a Vue component or HTML element.

Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.

A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.

Vue directive wrapper for smooth-scrollbar

Vue.js wrapper for simplebar plugin.

A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.

A simple scrollbar that can be detached from the container it is scrolling.

Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.

The virtual responsive cross-browser scrollbar component for Vue.js 2x.

A Back-to-top component for Vue.js, which scroll page to the top when clicked.

A customizable component that indicates the scroll relative position in a progressbar.

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

PerfectScrollbar minimalistic wrapper

A Vue.js directive for body scroll locking without breaking scrolling of a target element

A component that synchronizes containers’ scroll positions

A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API