Search results
Overflow. Use these shorthand utilities for quickly configuring how content overflows an element. Adjust the overflow property on the fly with four default values and classes. These classes are not responsive by default. This is an example of using .overflow-auto on an element with set width and height dimensions.
Via data attributes. To easily add scrollspy behavior to your topbar navigation, add data-bs-spy="scroll" to the element you want to spy on (most typically this would be the <body> ). Then add the data-bs-target attribute with the ID or class of the parent element of any Bootstrap .nav component.
Example Explained. Add data-spy="scroll" to the element that should be used as the scrollable area (often this is the <body> element). Then add the data-target attribute with a value of the id or the class name of the navigation bar ( .navbar ).
Scrollbar for the latest Bootstrap 5. Scroll up, down, left, or right a viewing area with a vertical or horizontal bar.
Oct 18, 2016 · The overflow-y property specifies whether to clip the content, add a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges. Sometimes it is interesting to place a height for the element next to the overflow-y property, as in the example below:
How To Create Custom Scrollbars. Chrome, Edge, Safari and Opera support the non-standard ::-webkit-scrollbar pseudo element, which allows us to modify the look of the browser's scrollbar. The following example creates a thin (10px wide) scrollbar, which has a grey track/bar color and a dark-grey (#888) handle:
Apr 25, 2020 · Collection of different example of custom vertical Bootstrap scrollbar, along with horizontal scroll bar achieved using HTML, CSS and JS.
