t;!-- Scrollable container with anchors --&gt;
&lt;div class=&quot;overflow-auto px-2&quot; data-bs-spy=&quot;scroll&quot; data-bs-target=&quot;#scrollspyPills&quot; data-bs-root-margin=&quot;0px 0px -40%&quot; data-bs-smooth-scroll=&quot;true&quot; style=&quot;max-height: 120px&quot;&gt;
  &lt;div id=&quot;scrollspyPillsSection1&quot; class=&quot;pb-3&quot;&gt;
    &lt;h5&gt;First heading&lt;/h5&gt;
    &lt;p&gt;This is some placeholder content for the scrollspy page. Note that as you scroll down the page,