Wrapper outside example

Example with settings, wrapperPlacement: 'outside'

STYLING

When applying styling such as padding or border will result in different result in position of scrollbar comparing to default (wrapper inside)

Extra element with longer content, and on hover expand,
showing that scrollbar is reactive

Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content
Some Content

Before mount

<div class="my-scrollbar">
    ...content
</div>

After mount

<div class="light-scrollbar-wrapper-outside">
    <div class="my-scrollbar light-scrollbar light-scrollbar-wrapper-inside">
        ...content
    </div>
</div>