Once the page scrolls past a defined position the scroll top button will appear. Clicking the button will move the page back to the top.
<scroll-top activateWhen="100">
Scroll to Top
<scroll-top>| Property | Description |
|---|---|
| activateWhen | Specifies the Y value in pixels that the user must scroll before the ScrollTop button will appear. Default: 100 |
| enabled | set enabled="false" to stop the scroll button from appearing. enabled ="true" to resume showing the scroll button. Default: true |
The following custom properties and mixins are available for styling:
| Custom property | Description | Default |
|---|---|---|
--scroll-top-background-color |
The paper-toast background-color | #323232 |
--scroll-top-color |
The paper-toast color | #f1f1f1 |
MIT