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 3 Google Sign-in Google OAuth2 Plugin for Vue
icon-eye-dark Created with Sketch. 2.917
Vue Kinesis Components for Interactive Animations
icon-eye-dark Created with Sketch. 13.030
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
Discover a framework that is designed from scratch to be incrementally adoptable!
Swiper Vue Mobile Slider Component
icon-eye-dark Created with Sketch. 14.309
Vaxee State Management Library
icon-eye-dark Created with Sketch. 740