Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro doloribus deleniti voluptates dolore sequi, aperiam, vel culpa ipsam, eum minima placeat odit cupiditate ut hic maiores! Ipsa a quia nobis aspernatur eos asperiores quidem suscipit iste obcaecati at quibusdam deserunt beatae, explicabo dolores quae sapiente dolorum sint, id ratione maiores. Rem, fugiat! Facilis pariatur beatae earum, vel veniam totam corporis sed sint accusantium facere qui est quia sit vero cum distinctio dolore! Quas ullam accusantium illum aperiam ducimus ratione voluptatibus magnam aliquid. Numquam libero obcaecati atque vitae. Eveniet sequi ab praesentium harum nisi beatae ad excepturi esse temporibus adipisci! Delectus in natus, explicabo dolor assumenda exercitationem non veniam sunt illum cupiditate dicta facilis voluptate ipsum cum tenetur ex unde molestiae officiis ab qui itaque iusto eaque molestias fugit! Eos aperiam cupiditate sed, vitae quidem explicabo delectus doloribus molestiae quod iste, necessitatibus officiis cum, id vero iusto? Ratione voluptatibus blanditiis neque?
Lorem ipsum dolor sit amet consectetur adipisicing elit. A dolor fuga error cupiditate quidem? Sapiente explicabo nobis vero quibusdam tempora dolorem nulla distinctio, ipsa, blanditiis ex excepturi fugit. In eaque totam provident, deserunt alias debitis eveniet! Iure incidunt repudiandae nemo odit accusantium tempora, quidem molestiae similique, adipisci temporibus harum vitae sed et? Dignissimos mollitia ab amet distinctio at perferendis voluptate quibusdam, maiores ratione consequatur accusamus qui quaerat ipsam unde facere? Asperiores enim ipsum quasi quibusdam, perspiciatis aliquam dolor illo provident. Qui unde libero sint temporibus officiis quia quisquam iusto adipisci expedita consequuntur aut sunt earum quas voluptatem, velit, rem dolores! Voluptas placeat sed, doloremque aliquid labore ipsa a, quos vel voluptatibus voluptates nisi eligendi unde quas molestias perferendis. Autem porro quod ipsam numquam aut neque sed, omnis magnam consequuntur deleniti maiores esse libero quae architecto tenetur voluptates magni repellendus, excepturi eum doloribus, officia nam fugit aliquid? Repellat quam dolorum a!
Lorem ipsum dolor sit amet consectetur adipisicing elit. A dolor fuga error cupiditate quidem? Sapiente explicabo nobis vero quibusdam tempora dolorem nulla distinctio, ipsa, blanditiis ex excepturi fugit. In eaque totam provident, deserunt alias debitis eveniet! Iure incidunt repudiandae nemo odit accusantium tempora, quidem molestiae similique, adipisci temporibus harum vitae sed et? Dignissimos mollitia ab amet distinctio at perferendis voluptate quibusdam, maiores ratione consequatur accusamus qui quaerat ipsam unde facere? Asperiores enim ipsum quasi quibusdam, perspiciatis aliquam dolor illo provident. Qui unde libero sint temporibus officiis quia quisquam iusto adipisci expedita consequuntur aut sunt earum quas voluptatem, velit, rem dolores! Voluptas placeat sed, doloremque aliquid labore ipsa a, quos vel voluptatibus voluptates nisi eligendi unde quas molestias perferendis. Autem porro quod ipsam numquam aut neque sed, omnis magnam consequuntur deleniti maiores esse libero quae architecto tenetur voluptates magni repellendus, excepturi eum doloribus, officia nam fugit aliquid? Repellat quam dolorum a!
Lorem ipsum dolor sit amet consectetur adipisicing elit. A dolor fuga error cupiditate quidem? Sapiente explicabo nobis vero quibusdam tempora dolorem nulla distinctio, ipsa, blanditiis ex excepturi fugit. In eaque totam provident, deserunt alias debitis eveniet! Iure incidunt repudiandae nemo odit accusantium tempora, quidem molestiae similique, adipisci temporibus harum vitae sed et? Dignissimos mollitia ab amet distinctio at perferendis voluptate quibusdam, maiores ratione consequatur accusamus qui quaerat ipsam unde facere? Asperiores enim ipsum quasi quibusdam, perspiciatis aliquam dolor illo provident. Qui unde libero sint temporibus officiis quia quisquam iusto adipisci expedita consequuntur aut sunt earum quas voluptatem, velit, rem dolores! Voluptas placeat sed, doloremque aliquid labore ipsa a, quos vel voluptatibus voluptates nisi eligendi unde quas molestias perferendis. Autem porro quod ipsam numquam aut neque sed, omnis magnam consequuntur deleniti maiores esse libero quae architecto tenetur voluptates magni repellendus, excepturi eum doloribus, officia nam fugit aliquid? Repellat quam dolorum a!
Lorem ipsum dolor sit amet consectetur adipisicing elit. A dolor fuga error cupiditate quidem? Sapiente explicabo nobis vero quibusdam tempora dolorem nulla distinctio, ipsa, blanditiis ex excepturi fugit. In eaque totam provident, deserunt alias debitis eveniet! Iure incidunt repudiandae nemo odit accusantium tempora, quidem molestiae similique, adipisci temporibus harum vitae sed et? Dignissimos mollitia ab amet distinctio at perferendis voluptate quibusdam, maiores ratione consequatur accusamus qui quaerat ipsam unde facere? Asperiores enim ipsum quasi quibusdam, perspiciatis aliquam dolor illo provident. Qui unde libero sint temporibus officiis quia quisquam iusto adipisci expedita consequuntur aut sunt earum quas voluptatem, velit, rem dolores! Voluptas placeat sed, doloremque aliquid labore ipsa a, quos vel voluptatibus voluptates nisi eligendi unde quas molestias perferendis. Autem porro quod ipsam numquam aut neque sed, omnis magnam consequuntur deleniti maiores esse libero quae architecto tenetur voluptates magni repellendus, excepturi eum doloribus, officia nam fugit aliquid? Repellat quam dolorum a!
Lorem ipsum dolor sit amet consectetur adipisicing elit. A dolor fuga error cupiditate quidem? Sapiente explicabo nobis vero quibusdam tempora dolorem nulla distinctio, ipsa, blanditiis ex excepturi fugit. In eaque totam provident, deserunt alias debitis eveniet! Iure incidunt repudiandae nemo odit accusantium tempora, quidem molestiae similique, adipisci temporibus harum vitae sed et? Dignissimos mollitia ab amet distinctio at perferendis voluptate quibusdam, maiores ratione consequatur accusamus qui quaerat ipsam unde facere? Asperiores enim ipsum quasi quibusdam, perspiciatis aliquam dolor illo provident. Qui unde libero sint temporibus officiis quia quisquam iusto adipisci expedita consequuntur aut sunt earum quas voluptatem, velit, rem dolores! Voluptas placeat sed, doloremque aliquid labore ipsa a, quos vel voluptatibus voluptates nisi eligendi unde quas molestias perferendis. Autem porro quod ipsam numquam aut neque sed, omnis magnam consequuntur deleniti maiores esse libero quae architecto tenetur voluptates magni repellendus, excepturi eum doloribus, officia nam fugit aliquid? Repellat quam dolorum a!
Lorem ipsum dolor sit amet consectetur adipisicing elit. A dolor fuga error cupiditate quidem? Sapiente explicabo nobis vero quibusdam tempora dolorem nulla distinctio, ipsa, blanditiis ex excepturi fugit. In eaque totam provident, deserunt alias debitis eveniet! Iure incidunt repudiandae nemo odit accusantium tempora, quidem molestiae similique, adipisci temporibus harum vitae sed et? Dignissimos mollitia ab amet distinctio at perferendis voluptate quibusdam, maiores ratione consequatur accusamus qui quaerat ipsam unde facere? Asperiores enim ipsum quasi quibusdam, perspiciatis aliquam dolor illo provident. Qui unde libero sint temporibus officiis quia quisquam iusto adipisci expedita consequuntur aut sunt earum quas voluptatem, velit, rem dolores! Voluptas placeat sed, doloremque aliquid labore ipsa a, quos vel voluptatibus voluptates nisi eligendi unde quas molestias perferendis. Autem porro quod ipsam numquam aut neque sed, omnis magnam consequuntur deleniti maiores esse libero quae architecto tenetur voluptates magni repellendus, excepturi eum doloribus, officia nam fugit aliquid? Repellat quam dolorum a!
<div class="row">
<div class="col-3">
<nav id="navbar-example3" class="navbar navbar-light bg-light flex-column align-items-stretch p-3">
<a class="navbar-brand" href="#">Navbar</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#item-1">Item 1</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#item-1-1">Item 1-1</a>
<a class="nav-link ms-3 my-1" href="#item-1-2">Item 1-2</a>
</nav>
<a class="nav-link" href="#item-2">Item 2</a>
<a class="nav-link" href="#item-3">Item 3</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#item-3-1">Item 3-1</a>
<a class="nav-link ms-3 my-1" href="#item-3-2">Item 3-2</a>
</nav>
</nav>
</nav>
</div>
<div data-bs-spy="scroll" data-bs-target="#navbar-example3" data-bs-offset="0" tabindex="0">
<h4 id="item-1">Item 1</h4>
<p>...</p>
<h5 id="item-1-1">Item 1-1</h5>
<p>...</p>
<h5 id="item-1-2">Item 1-2</h5>
<p>...</p>
<h4 id="item-2">Item 2</h4>
<p>...</p>
<h4 id="item-3">Item 3</h4>
<p>...</p>
<h5 id="item-3-1">Item 3-1</h5>
<p>...</p>
<h5 id="item-3-2">Item 3-2</h5>
<p>...</p>
</div>
</div>
Parte do JS ⬇️
var scrollSpy = new bootstrap.ScrollSpy(document.body, {
target: '#navbar-example'
})