Skip to content

A small, zero-dependancy button which will return user to the top of the page.

Notifications You must be signed in to change notification settings

posty72/return-to-top

Repository files navigation

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 rgb[a] value. Default is '#A11222' (maroon)
arrowColor string color of the rotating arrow inside the button. Will take any hex or rgb[a] 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.