If you’ve added in all the html code, and javascript calls and it’s still not working
$('.bs-docs-sidenav').affix({
offset: {
top: function () { return $window.width() <= 980 ? 90 : 10 }
, bottom: 270
}
});
<div class="bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav belowmast affix">
<li><a href="#buy"><i class="icon-chevron-right"></i>↑ Home</a></li>
<li><a href="#letscreate"><i class="icon-chevron-right"></i> Let's Create</a></li>
<li><a href="#ourjournals"><i class="icon-chevron-right"></i> Our Journals</a></li>
<li><a href="#yourideas"><i class="icon-chevron-right"></i> Your Ideas In KLINE</a></li>
<li><a href="#gallery"><i class="icon-chevron-right"></i> Gallery</a></li>
<li><a href="#components"><i class="icon-chevron-right"></i> Components</a></li>
</ul>
</div>
The answer could be simple!
Does your body tag include the required data attributes?
<body data-spy="scroll" data-target=".bs-docs-sidebar" >
Substitute .bs-docs-sidebar for whatever your scrollspy sidebar is called!
For an extra tip today, learn how to Add SMOOTH SCROLLING to your sidenav HERE!
Deutsch