Scrollspy
Bootstrap 5 Scrollspy is an automatic navigation mechanism that automatically updates the scroll position.
Components |
Descriptions |
in navbar | Bootstrap 5 Scrollspy in Navbar is used to apply the Scrollspy on the Navbar. |
with nested nav | Bootstrap 5 Scrollspy is one of the features which targets the navigation bar contents automatically on scrolling the area. |
with list-group | In Bootstrap 5, one of the features is Bootstrap Scrollspy which targets the navigation bar contents automatically on scrolling through the area. |
data attributes | Bootstrap 5 Scrollspy Via data attributes facilitate adding the scrollspy behavior in the navigation. |
JavaScript | In this article, we will see how to use Scrollspy in Bootstrap 5 via Javascript. |
Methods | Bootstrap5 Scrollspy Methods are used to control the Scrollspy element with the help of Javascript and perform operations like disposing, |
refresh | Bootstrap 5 Scrollspy provides a refresh() method that is invoked while including or discarding the elements in the DOM tree, |
dispose | Bootstrap 5 Scrollspy dispose() method is used to remove the ScrollSpy functionality from an element |
getInstance | Bootstrap5 Scrollspy Methods are used to control the Scrollspy element with the help of Javascript and perform operations like disposing of, getting or creating the Scrollspy instance |
getOrCreateInstance | Bootstrap 5 Scrollspy getOrCreateInstance() method is used to obtain the instance of a particular tab of the list group. |
Options | Bootstrap 5 Scrollspy is an automatic navigation mechanism that automatically updates the scroll position. |
Bootstrap 5 Components Reference
Bootstrap 5 Components enable the user to make their own Components and can include more functionality by adding the Accordion, Alerts, Badge, Breadcrumb, Buttons, etc, which help to enhance the overall user experience, along with engaging the users on their sites by decorating them.
The complete list of Components is listed below with their brief description: