HTML: pijl 'back to top' aan rechterkant
Mon Dec 06 2021 18:35:04 GMT+0000 (Coordinated Universal Time)
Saved by
@Daphne
<i class="fas fa-chevron-circle-up" onclick="topFunction()" id="kltop" title="Go to top"></i>
<script>
//Get the button:
mybutton = document.getElementById("kltop");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
content_copyCOPY
Hoort ook nog CSS code bij. Zie "CSS: pijl 'back to top' aan rechterkant"
https://beaverhero.com/back-to-top-elementor/
Comments