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

Sristi Saha answered on July 15, 2021 Popularity 9/10 Helpfulness 2/10

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

related sticky navigation bar on scroll

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

Comment

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

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: click css html javascript menu navbar scroll sticky

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Sristi Saha

0 Answers Avg Quality 2/10

Closely Related Answers

sticky navigation bar on scroll

Comments(1)

// 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")
})

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 15 2021

RENDER SMITH

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

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

Closely Related Answers

sticky navigation bar on scroll

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.