Scrollspy

Angular Bootstrap 5 Scrollspy component

Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.

Note: Read the API tab to find all available options and advanced customization

Basic example

Collapsible

Hides all subsections of unactive section. To use it, simply add [collapsible]="true" input to the ul element with mdbScrollspy directive of section you want to to be collapsible.

Related resources