Published in


Bootstrap 5 — Scrollspy

Photo by Lydia Torrey on Unsplash

Bootstrap 5 is in alpha when this is written and it’s subject to change.

Bootstrap is a popular UI library for any JavaScript apps.

In this article, we’ll look at how to add scrollspys with Bootstrap 5.


Scrollspy lets us highlight links given that the content container has the same ID assigned to it.




Imagine the future of data

Recommended from Medium

How RenderObject is attached to the render tree #1

Adding Graphics to a React App with D3 — Lab Color, Drag and Drop, and Zoom

Add Charts into Our React App with Victory — Custom Labels and Points

Useful JavaScript Tips — String, Removing Item, and Timers

How to Use Voice Typing in Google Docs | Transcribe Video/Audio to Text!

Intigriti November XSS challenge

Of umbrellas, transducers, reactive streams & mushrooms (Pt.1)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
John Au-Yeung

John Au-Yeung

Web developer. Subscribe to my email list now at Email me at

More from Medium

Find the Mean of a Collection of Numbers Using JavaScript

“For” Loops Explained in Simple English (JavaScript)

JavaScript Basics — Part 1

JavaScript Coding Tutorial — Part 1

Have fun playing with different numbers and colors, and let your JavaScript app run for a while.