How can I start sticky navbar when it reaches a certain block? [SOLVED]

I Need Help
1

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?

3

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)

1 Like