So, I'm using fullpage.js jquery for scrolling on my website.
Each scroll section is divided in hashes, like index.html/#firstPage etc.
I've made a fixed scroll to top button, but I wanna make him disappear if hash equals #firstPage.
I've made a Js script too, but it doesn't work. Any ideas?
mybutton = document.getElementById("scroll_top_button");
var stringHash = window.location.hash;
console.log(stringHash); // Returns hash and it works
function hashDisappear() {
if (stringHash == "#firstPage") {// this thing doesn't work at all.
mybutton.style.display = "none";
} else {
mybutton.style.display = "block";
}
}Try it
window.addEventListener('hashchange', function() {
//Your Function
}, false);
https://developer.mozilla.org/docs/Web/API/Window/hashchange_event
I found perfect script for this situation
mybutton = document.getElementById("scroll_top_button");
function locationHashChanged() {
if (location.hash === "#firstPage") {
mybutton.style.display = "none";
} else {
mybutton.style.display = "block";
}
}
window.onhashchange = locationHashChanged;But @Smith Charl helped me to find main logic to do this script tho