<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
...
<ul class="navbar-nav">
<li><a href="#section1">Section 1a>li>
...
nav>
<div id="section1">
<h1>Section 1h1>
<p>Try to scroll this page and look at the navigation bar while scrolling!p>
div>
...
body><body data-spy="scroll" data-target="#myScrollspy" data-offset="1">
<div class="container-fluid">
<div class="row">
<nav class="col-sm-3 col-4" id="myScrollspy">
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link active" href="#section1">Section 1a>
li>
...
ul>
nav>
<div class="col-sm-9 col-8">
<div id="section1">
<h1>Section 1h1>
<p>Try to scroll this page and look at the navigation list while scrolling!p>
div>
...
div>
div>
div>
body>
