Vue.js Components & Libraries UI Utilities Scroll

Back

1. vue-chat-scroll

Automatic scroll-to-bottom directive for Vue.js 2.0.

2. vue-scrollto

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

3. vue-next-level-scroll

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

4. vue-scroll-sync

A component that synchronizes containers’ scroll positions

5. v-scroll-lock

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

6. vue2-perfect-scrollbar

PerfectScrollbar minimalistic wrapper

7. vue-scroll-to

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

8. vue-scroll-progressbar

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

9. vue-backtotop

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

10. VBar

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

11. Vuebar

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

12. vue-detached-scrollbar

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

13. vuescroll

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

14. vue-simplebar

Vue.js wrapper for simplebar plugin.

15. smooth-vuebar

Vue directive wrapper for smooth-scrollbar

16. vue-scrollview

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

17. vue-scrollactive

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.

18. vue-intersect

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

19. vue-scrollmonitor

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)

20. vue-stroll

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

21. navscroll-js

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.

22. vue-scrollwatch

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

23. vue-check-view

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

24. vue-stickto

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

25. vue2-scrollspy

A scrollspy plugin and animated scroll-to.

26. vue-trip-wire

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.

27. v-intersect

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

28. vue-scrollama

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

29. vue-scroll-behavior

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

30. vue-scroll-stop

Stops propagation scroll when edge reached.

31. vue-seamless-scroll

A simple, Seamless scrolling for Vue.js.