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 Touch Events Touch Event Support
icon-eye-dark Created with Sketch. 4.119
Vue Vine Multiple Vue Components in a Single File
icon-eye-dark Created with Sketch. 1.958
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
Nuxt JSON-LD Nuxt.js Module to manage JSON-LD Data
icon-eye-dark Created with Sketch. 1.234
Nuxt Upload Kit File Upload Manager
icon-eye-dark Created with Sketch. 316
Vue Starport Shared Component across Routes with Animations
icon-eye-dark Created with Sketch. 1.404