<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3">
	<a class="navbar-brand" href="#">Navbar</a>
	<ul class="nav nav-pills">
		<li class="nav-item">
		<a class="nav-link" href="#scrollspyHeading1">First</a>
		</li>
			<li class="nav-item">
				<a class="nav-link" href="#scrollspyHeading2">Second</a>
			</li>
			<li class="nav-item dropdown">
			<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
			<ul class="dropdown-menu">
				<li><a class="dropdown-item" href="#scrollspyHeading3">Third</a></li>
				<li><a class="dropdown-item" href="#scrollspyHeading4">Fourth</a></li>
				<li><hr class="dropdown-divider"></li>
				<li><a class="dropdown-item" href="#scrollspyHeading5">Fifth</a></li>
			</ul>
		</li>
	</ul>
</nav>
<div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2 max-h-460" data-simplebar="" tabindex="0">
<h4 class="fs-16" id="scrollspyHeading1">First heading</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<h4 class="fs-16" id="scrollspyHeading2">Second heading</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<h4 class="fs-16" id="scrollspyHeading3">Third heading</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<h4 class="fs-16" id="scrollspyHeading4">Fourth heading</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<h4 class="fs-16" id="scrollspyHeading5">Fifth heading</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, porro. Eveniet nulla veniam quia provident illo atque exercitationem maiores, expedita quas perferendis ullam accusantium nam ut possimus laudantium totam repellendus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati ut ducimus quod non sapiente nesciunt praesentium optio accusamus odit reiciendis sequi excepturi, adipisci odio. Vero corrupti aliquid nobis sint suscipit!</p>
</div>