Scrollspy 01
<!-- Horizontal Scrollspy --><nav class="scrollspy-indicatiors mb-3" id="scrollspyWrapper"><ul class="d-flex ps-0"><li><a class="nav-link" href="#sec1">Section 1</a></li><li><a class="nav-link" href="#sec2">Section 2</a></li><li><a class="nav-link" href="#sec3">Section 3</a></li></ul></nav><div class="data-scrollspy" data-bs-spy="scroll" data-bs-target="#scrollspyWrapper" data-bs-offset="0"><h5 id="sec1">Section 1</h5><p>...</p><h5 id="sec2">Section 2</h5><p>...</p><h5 id="sec3">Section 3</h5><p>...</p></div>Section 1
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae, repellendus hic. Laboriosam voluptatum explicabo commodi quaerat consequatur, officiis tempore suscipit quisquam ratione enim nihil, molestiae maiores dicta error at repellat asperiores unde ab! Repudiandae assumenda fugit architecto debitis facere et mollitia inventore quibusdam! Blanditiis voluptatem quaerat, modi ipsa omnis aliquid amet numquam quod quis tenetur rerum qui pariatur sit vero consequuntur, id dolores debitis hic perspiciatis exercitationem. Aperiam, accusamus autem? Dolor labore quam molestiae alias earum a unde corporis quibusdam esse, perferendis blanditiis distinctio est, sunt velit mollitia dolorem nostrum eveniet, recusandae iure quasi officia. Placeat cumque nihil, architecto quidem tempora exercitationem iste laudantium, eveniet nisi sequi impedit sint voluptates?
Section 2
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae, repellendus hic. Laboriosam voluptatum explicabo commodi quaerat consequatur, officiis tempore suscipit quisquam ratione enim nihil, molestiae maiores dicta error at repellat asperiores unde ab! Repudiandae assumenda fugit architecto debitis facere et mollitia inventore quibusdam! Blanditiis voluptatem quaerat, modi ipsa omnis aliquid amet numquam quod quis tenetur rerum qui pariatur sit vero consequuntur, id dolores debitis hic perspiciatis exercitationem. Aperiam, accusamus autem? Dolor labore quam molestiae alias earum a unde corporis quibusdam esse, perferendis blanditiis distinctio est, sunt velit mollitia dolorem nostrum eveniet, recusandae iure quasi officia. Placeat cumque nihil, architecto quidem tempora exercitationem iste laudantium, eveniet nisi sequi impedit sint voluptates?
Section 3
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae, repellendus hic. Laboriosam voluptatum explicabo commodi quaerat consequatur, officiis tempore suscipit quisquam ratione enim nihil, molestiae maiores dicta error at repellat asperiores unde ab! Repudiandae assumenda fugit architecto debitis facere et mollitia inventore quibusdam! Blanditiis voluptatem quaerat, modi ipsa omnis aliquid amet numquam quod quis tenetur rerum qui pariatur sit vero consequuntur, id dolores debitis hic perspiciatis exercitationem. Aperiam, accusamus autem? Dolor labore quam molestiae alias earum a unde corporis quibusdam esse, perferendis blanditiis distinctio est, sunt velit mollitia dolorem nostrum eveniet, recusandae iure quasi officia. Placeat cumque nihil, architecto quidem tempora exercitationem iste laudantium, eveniet nisi sequi impedit sint voluptates?
Vertical Scrollspy
<!-- Horizontal Scrollspy --><div class="vertical-scrollspy d-flex"><nav class="scrollspy-indicatiors mb-3" id="scrollspyWrapper2"><ul class="ps-0"><li><a class="nav-link" href="#sec4">Section 1</a></li><li><a class="nav-link" href="#sec5">Section 2</a></li><li><a class="nav-link" href="#sec6">Section 3</a></li></ul></nav><div class="data-scrollspy" data-bs-spy="scroll" data-bs-target="#scrollspyWrapper2" data-bs-offset="0"><h5 id="sec4">Section 1</h5><p>...</p><h5 id="sec5">Section 2</h5><p>...</p><h5 id="sec6">Section 3</h5><p>...</p></div></div>Section 1
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae, repellendus hic. Laboriosam voluptatum explicabo commodi quaerat consequatur, officiis tempore suscipit quisquam ratione enim nihil, molestiae maiores dicta error at repellat asperiores unde ab! Repudiandae assumenda fugit architecto debitis facere et mollitia inventore quibusdam! Blanditiis voluptatem quaerat, modi ipsa omnis aliquid amet numquam quod quis tenetur rerum qui pariatur sit vero consequuntur, id dolores debitis hic perspiciatis exercitationem. Aperiam, accusamus autem? Dolor labore quam molestiae alias earum a unde corporis quibusdam esse, perferendis blanditiis distinctio est, sunt velit mollitia dolorem nostrum eveniet, recusandae iure quasi officia. Placeat cumque nihil, architecto quidem tempora exercitationem iste laudantium, eveniet nisi sequi impedit sint voluptates?
Section 2
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae, repellendus hic. Laboriosam voluptatum explicabo commodi quaerat consequatur, officiis tempore suscipit quisquam ratione enim nihil, molestiae maiores dicta error at repellat asperiores unde ab! Repudiandae assumenda fugit architecto debitis facere et mollitia inventore quibusdam! Blanditiis voluptatem quaerat, modi ipsa omnis aliquid amet numquam quod quis tenetur rerum qui pariatur sit vero consequuntur, id dolores debitis hic perspiciatis exercitationem. Aperiam, accusamus autem? Dolor labore quam molestiae alias earum a unde corporis quibusdam esse, perferendis blanditiis distinctio est, sunt velit mollitia dolorem nostrum eveniet, recusandae iure quasi officia. Placeat cumque nihil, architecto quidem tempora exercitationem iste laudantium, eveniet nisi sequi impedit sint voluptates?
Section 3
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae, repellendus hic. Laboriosam voluptatum explicabo commodi quaerat consequatur, officiis tempore suscipit quisquam ratione enim nihil, molestiae maiores dicta error at repellat asperiores unde ab! Repudiandae assumenda fugit architecto debitis facere et mollitia inventore quibusdam! Blanditiis voluptatem quaerat, modi ipsa omnis aliquid amet numquam quod quis tenetur rerum qui pariatur sit vero consequuntur, id dolores debitis hic perspiciatis exercitationem. Aperiam, accusamus autem? Dolor labore quam molestiae alias earum a unde corporis quibusdam esse, perferendis blanditiis distinctio est, sunt velit mollitia dolorem nostrum eveniet, recusandae iure quasi officia. Placeat cumque nihil, architecto quidem tempora exercitationem iste laudantium, eveniet nisi sequi impedit sint voluptates?