JAVASCRIPT

sticky navigation bar on scroll

// sticky Header js plugin
let w_out_sticky = document.querySelector(".w-out")// terget class or id
 // hear is  scroll logic
window.addEventListener('scroll', () => {
    window.scrollY > 300 ? w_out_sticky.classList.add("sticky") : w_out_sticky.classList.remove("sticky")
})

scroll to a section on click on sticky navbar menu html css js

$('html, body').animate({
  scrollTop: $("#section2").offset().top - $("#nav").height() // minus the nav height
}, 1000);