diff options
Diffstat (limited to 'layouts/partials/backtotop.html')
-rw-r--r-- | layouts/partials/backtotop.html | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/layouts/partials/backtotop.html b/layouts/partials/backtotop.html index c674999..0bc054b 100644 --- a/layouts/partials/backtotop.html +++ b/layouts/partials/backtotop.html @@ -1,14 +1,15 @@ <script> + + var backtotopButton = document.getElementById('backtotopButton'); + document.addEventListener('scroll', function () { if ( document.body.scrollTop > 50 || document.documentElement.scrollTop > 50 ) { - document.getElementById('backtotopButton').style.opacity = '1' - document.getElementById('backtotopButton').style.transition = '0.5s' + backtotopButton.style.opacity = '1' } else { - document.getElementById('backtotopButton').style.opacity = '0' - document.getElementById('backtotopButton').style.transition = '0.5s' + backtotopButton.style.opacity = '0' } }) @@ -16,4 +17,8 @@ document.body.scrollTop = 0 // For Safari document.documentElement.scrollTop = 0 // For Chrome, Firefox, IE and Opera } + + // Trigger scroll event on load + document.dispatchEvent(new CustomEvent('scroll')) + backtotopButton.style.display = 'block' </script> |