made with vue.js

Vue Use Active Scroll

Highlight Menu / Sidebar

Visit Site

Description

Highlight Menu / Sidebar

"The Intersection Observer is a great API. But it may not be the one-size-fits-all solution to highlight nav/sidebar links. Most likely because you want to:

  • Highlight any clicked link even if it will never intersect
  • Always highlight first/last link once reached the top/bottom of the page
  • Get consistent results regardless of scroll speed
  • Immediately highlight links on click/hash navigation if smooth scrolling is enabled
  • Avoid unnatural highlighting with custom easings or smooth scrolling

Vue Use Active Scroll implements a custom scroll observer which automatically adapts to any type of scroll behavior and trigger and always returns the "correct" active target."


Creator

Simone Mastromattei


Social Media Links

Vue Formulate Forms Library
icon-eye-dark Created with Sketch. 7.502
Draggable Kanban Board Animated Kanban Board
icon-eye-dark Created with Sketch. 38.945
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
image-chart Created with Sketch.
Looking for a Vue.js Admin Template? Find the best ones here!
Pinia Plugin Persistedstate Configurable Persistence & Rehydration of Pinia Stores
icon-eye-dark Created with Sketch. 399
Vue Promised Composable Promises & Promises as Components
icon-eye-dark Created with Sketch. 911