The sticky navbar becomes active immediately when I scroll. How can I make it only active when the delay or scroll comes to a block?
Maybe someone might need it. I share it as an example.
<script>
window.onscroll = function() {delayScrollNav()};
function delayScrollNav() {
if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
document.getElementById("navbar").classList.add('navbar-color-sticky');
} else {
document.getElementById("navbar").classList.remove('navbar-color-sticky');
}
}
</script>
scrollDelay.bloc (33.5 KB)
2 Likes