Idea React
    Preparing search index...

    Class ScrollNav

    A horizontal scrolling navigation bar based on Bootstrap's nav-scroller pattern. Automatically shows scroll arrow buttons when nav items overflow the container width.

    https://github.com/twbs/bootstrap/blob/main/site/src/assets/examples/offcanvas-navbar/index.astro#L50-L65

    Hierarchy

    Index

    Constructors

    constructor

    Properties

    scrollerRef displayName

    Accessors

    canScrollLeft canScrollRight clientWidth scrollLeft scrollWidth

    Methods

    componentDidMount componentWillUnmount render scrollBy updateScroll

    Constructors

    • Parameters

      • props: NavProps

      Returns ScrollNav

    • Parameters

      • props: NavProps
      • context: any

        value of the parent Context specified in contextType.

      Returns ScrollNav

    Properties

    scrollerRef: RefObject<HTMLDivElement> = ...
    displayName: string = 'ScrollNav'

    Accessors

    clientWidth: number
    scrollLeft: number
    scrollWidth: number

    Methods

    • Called immediately after a component is mounted. Setting state here will trigger re-rendering.

      Returns void

    • Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as cancelled network requests, or cleaning up any DOM elements created in componentDidMount.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods