This is actually a directive and not a component. It allows to make visible any DOM elements (like buttons) which appear after a certain scroll offset. When clicked/tapped they take the user to the top of the page.
<!-- Bare bones example -->
When using a Layout then you can take advantage of the Fixed Positioning on Layout component too and wrap your element with it, like this:
<q-page-sticky position="top-right" :offset="[18, 18]">
|Adds scrolling animation|
You can use the binding value in 3 forms:
- No value. Defaults will apply.
- As a Number. This will be the scroll offset after which DOM element will be made visible.
- As an Object with
durationas props. Duration is ignored if
animatemodifier is not used.
Please read here about how Quasar determines the container to attach scrolling events to.