Scrollspy Packages

Scrollspy React Component - Automatically update navigation components based on scroll position to indicate which link is currently active in the viewport.

Simple scrollspy javascript without jQuery, no dependencies.

Lightweight and simple to use Svelte component that highlights menu items as you scroll the page, also scrolling to target section when clicked.

Simple scrollspy javascript without jQuery, no dependencies.

Vanilla JS Menu Scrollspy is a script that tracks website scrolling and automatically marks and unmarks menu links of website sections according to the current scrolling position.

A lightweight, dependency-free scrollspy for angular. Use this library to spy on HTML elements on your page when the window is scrolled or resized.

A React component to execute a function whenever you scroll to an element.

Svelte store to tracks the scroll position of elements registered using a provided Svelte action

A configurable React hook that lets you associate links with sections of a page easily.

Angular Material components that are not implemented in official package.

This JS Module automatically updates nav element or list group based on scroll position to indicate which link is currently active in the viewport. Also, when nav elements or list groups are clicked smooth scroll is being applied plus history push state.

Simple, Easy To Use and Customisable ScrollSpy component for react with callback, typescript and throttle support among others

A React component to execute a function whenever you scroll to an element.

template for mdb-react-ui-kit

Scrollspy using IntersectionObserver

React scrollspy nav component.

Lightweight and simple to use vue component that highlights menu items as you scroll the page, also scrolling to target section when clicked.

Automatically update navigation based on scroll position.

A React component to execute a function whenever you scroll to an element.

A scrollspy for sections to change the nav link.