3.1.1 • Published 9 months ago
return-to-top v3.1.1
Return to top button
This script adds a button that will return the user to the top of the page. It's independent of other libraries and can self-initiate.
Settings
Settings can be added by instantiating the ReturnToTop class and passing in an object.
| Name | Type | Description |
|---|---|---|
placement | enum | side of the window the button will sit. Default is 'right', options are 'left' or 'right'. |
color | string | color of the button. Will take any hex or rgba value. Default is '#A11222' (maroon) |
arrowColor | string | color of the rotating arrow inside the button. Will take any hex or rgba value. Default is '#ffffff' (white) |
shape | enum | shape of the button. Options are 'circle' or 'square' |
animation | object | boolean | Set whether to animate in or not |
animation.fade | boolean | Set whether to fade in or not |
animation.rotate | boolean | Set whether to rotate on scroll or not |
Development
To build from source, run npm run build. Use npm run example to see it running in a browser on a simple test page.