24 lines
896 B
HTML
24 lines
896 B
HTML
<svg id="btt-button" class="arrow-logo" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512" onclick="scrollToTop()" title="Go to top">
|
|
<!-- Your arrow SVG path or elements go here -->
|
|
<path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/>
|
|
</svg>
|
|
<script>
|
|
let backToTopButton = document.getElementById("btt-button");
|
|
|
|
window.onscroll = function() {
|
|
scrollFunction()
|
|
};
|
|
|
|
function scrollFunction() {
|
|
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
|
backToTopButton.style.display = "block";
|
|
} else {
|
|
backToTopButton.style.display = "none";
|
|
}
|
|
}
|
|
|
|
function scrollToTop() {
|
|
window.scrollTo(0, 0);
|
|
}
|
|
</script>
|