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

v-gsap-nuxt GSAP for Nuxt
icon-eye-dark Created with Sketch. 541
Vue Equipment Collection of Vue Composables, Directives & Plugins
icon-eye-dark Created with Sketch. 653
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
image-vuetify Created with Sketch.
Supercharge Your Development with the Power of Vue and Material Design
Vue Loading Loading Indicator
icon-eye-dark Created with Sketch. 14.183
Vue Pro Sidebar Responsive Sidebar Template
icon-eye-dark Created with Sketch. 13.179