dokugile/assets/res/buttons.html
2024-06-06 19:53:10 +02:00

47 lines
1.2 KiB
HTML

<div class="back">🡄</div>
<button onclick="topFunction()" id="topBtn" title="Go to top">🡅</button>
<script>
let topButton = document.getElementById("topBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
topButton.style.display = "block";
} else {
topButton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
var back = document.querySelector(".back");
window.addEventListener('pageshow', (event) => {
event.preventDefault();
if(window.location.hash != ""){
console.log('#');
setTimeout(function(){
var id = window.location.href.split("#")[1];
document.getElementById(id).scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
},100);
}
}, false);
if(window.location.pathname.split('/').pop() != "index.html"){
back.style.display = "block";
back.addEventListener("click", function(){
if(window.history.length >=2){
window.history.back();
//window.history.go(-1);
}else{
window.location.href = "../../index.html";
};
});
};
</script>