Example
Markup
<div class="row">
<div class="col-lg-3">
<nav class="scrollspy" data-scrollspy="1">
<a href="#entry-1" class="scrollspy__entry list-group-item">Eintrag 1</a>
<a href="#entry-2" class="scrollspy__entry list-group-item active">Eintrag 2</a>
<a href="#entry-3" class="scrollspy__entry list-group-item">Eintrag 3</a>
<a href="#entry-4" class="scrollspy__entry list-group-item">Eintrag 4</a>
<a href="#entry-5" class="scrollspy__entry list-group-item">Eintrag 5</a>
<a href="#entry-6" class="scrollspy__entry list-group-item">Ellenlanger, sehr ausführlicher Eintrag über zwei Zeilen 6</a>
<a href="#entry-7" class="scrollspy__entry list-group-item">Eintrag 7</a>
<a href="#entry-8" class="scrollspy__entry list-group-item">Eintrag 8</a>
</nav>
</div>
</div>
Source:
assets/styles/03-molecules/06-blocks/_scrollspy.scss, line 1