© Panos Matsinopoulos 2020
P. MatsinopoulosPractical Bootstraphttps://doi.org/10.1007/978-1-4842-6071-5_10

10. ScrollSpy

Panos Matsinopoulos1 
(1)
KERATEA, Greece
 

Long-content pages usually have top navigation bars that allow the user to quickly navigate to sections within the pages. This feature is accompanied by the fact that the menu item highlighted as active is automatically updated/changed according to the visible section of the page. ScrollSpy is a Twitter Bootstrap JavaScript plugin that, when used, automatically changes the highlighted menu item according to the position in the document.

In this chapter, you will learn how Twitter Bootstrap allows you to quickly incorporate such a feature in your long-content pages.

Learning Goals

  1. 1.

    Learn how ...

Get Practical Bootstrap: Learn to Develop Responsively with One of the Most Popular CSS Frameworks now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.