Vuelity | VTScrolltop

Vuelity

This is eqiuvalent to ordinary Vue :style bindings but targets specific elements within the component.
:styles="{}"
The container to scroll within. Defaults to the HTML tag.
target=".scroll-height-container"
Defines the targets scroll-behavior.
:smooth="true"
:ripple="true"
background="#47cab1"
hoverBackground="#6fd6c1"
iconColor="#ffffff"
iconHoverColor="#ffffff"

The target is set to .scroll-height-container for the purpose of this demo, its default target is the <html> tag.

Hey there!

<VTScrolltop
:styles="{}"
target=".scroll-height-container"
:smooth="true"
:ripple="true"
background="#47cab1"
hoverBackground="#6fd6c1"
iconColor="#ffffff"
iconHoverColor="#ffffff"
>
<!-- Optional Slot -->
</VTScrolltop>
Try a full demo on Codepen!