< bonaparte-scroll >

The scroll component is used to implement scrolling in a container.

Note: Currently only supports vertical scrolling.

Examples

• Example Page
• Starter

Structure

<!-- Position relative to parent element. Parent must not be position:static. -->
<bonaparte-scroll
  scrollbar
>
  <1st-child> <!-- scrolling content -->

</bonaparte-scroll>

---

<1st-child> Scrolling content

Content that will be scrolled.

Attributes

scrollbar

Allows the button to restore the targets state when clicked a second time.

• Default hover
• Values
  • hover: Scroll bar is only visible if the user hover over the scrollable area.
  • visible: Scroll bar is always visible.
  • hidden: Scroll bar is never visible.
  • native: The native scroll bar will not be replaced and is visible.