made with vue.js

#Animation #Utilities #UI utility #Menu
icon-eye-dark Created with Sketch. 598

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

Related Projects


Vue Feedback Reaction Reaction Component
#UI Components #Animation #Rating
icon-eye-dark Created with Sketch. 6.465
Vue3 Pixi Vue createRenderer for PixiJS
#Animation #Wrapper #Games
icon-eye-dark Created with Sketch. 2.150
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
Discover now
Nuxt Prisma Prisma ORM Integration for Nuxt
#Utilities
icon-eye-dark Created with Sketch. 218
Splitpanes Panes Splitter / Resizer
#Utilities #UI utility #Layout
icon-eye-dark Created with Sketch. 6.858
View all Projects
COMMUNITY SPONSORS
The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with Vue.js Learn more Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more