Bootstrap 5 Scrollspy
Bootstrap 5 Scrollspy
Bootstrap 5 Scrollspy is used to automatically update links in a navigation list based on scroll position.
Creating Bootstrap 5 Scrollspy:-
Add data-bs-spy="scroll" to the element that should be used as the scrollable area.
Then add the data-bs-target attribute with a value of the id or the class name of the navigation bar. It makes sure that the current element is connected to the scrollable area.
Then scrollable elements must match the ID of the links inside the navbar list items. like div id matches with the link href value.
Code Explanation
All Tutorials related to Bootstrap Tutorials
Bootstrap 5 Introduction
Bootstrap 5 CDN
Bootstrap 5 Colors
Bootstrap 5 Containers
Bootstrap 5 Typography
Bootstrap 5 Tables
Bootstrap 5 Figures
Bootstrap 5 Images
Bootstrap 5 Accordion
Bootstrap 5 Alerts
Bootstrap 5 Badges
Bootstrap 5 Breadcrumb
Bootstrap 5 Buttons
Bootstrap 5 Button Groups
Bootstrap 5 Cards
Bootstrap 5 Carousel
Bootstrap 5 Collapse
Bootstrap 5 Dropdown
Bootstrap 5 List Group
Bootstrap 5 Modal
Bootstrap 5 Navs
Bootstrap 5 Tabs
Bootstrap 5 Navbar
Bootstrap 5 Offcanvas
Bootstrap 5 Pagination
Bootstrap 5 Popovers
Bootstrap 5 Progress Bar
Bootstrap 5 Scrollspy
Bootstrap 5 Spinners
Bootstrap 5 Toasts
Bootstrap 5 Tooltip
Bootstrap 5 Text Truncation
Bootstrap 5 Links
Bootstrap 5 Background
Bootstrap 5 Shadows
Bootstrap 5 Text Align
Bootstrap 5 Overflow
Bootstrap 5 Form Control
Bootstrap 5 Select
Bootstrap 5 Checkbox & Radio
Bootstrap 5 Range
Bootstrap 5 Input Group
Bootstrap 5 Floating Labels
