Elegant Scroll to Top - Back to top JavaScript plugin example – Animation: none
You can check out the code below to set the parameters.
Animation: none
Example code
<link rel="stylesheet" href="http://your-domain.com/elegant-scroll-to-top/css/elegant-scroll-to-top.min.css">
<script src="http://your-domain.com/elegant-scroll-to-top/js/elegant-scroll-to-top.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var elegantScrollToTop = new ElegantScrollToTop({
scrollAnimationDuration: '750',
buttonAnimationType: 'none'
});
elegantScrollToTop.init();
});
</script>
Related options
Peoprty | Possible Values | Default Value | Description |
---|---|---|---|
scrollAnimationDuration | e.g. 500, 750, 1000, etc. | 500 | The duration time of the scroll animation in milliseconds. |
buttonAnimationType | 'none', 'fade', 'zoom' | 'zoom' | The animation type how the button appears. |
Scroll down to view the Scroll to Top button
You can see it now