Edit This Page

< bonaparte-scroll >

npm version

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

Note: Currently only supports vertical scrolling.

Examples

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.