Scrolling Animation Not Applying Top The First Menu Item

I managed to implement this snippet grabbed here on SO to my WordPress site: http://scentology.burnnotice.co.za/ $('#primary-menu > li > a').on('click', function(event){ ev

Solution 1:

Can you please try below code it works for me. you can change animateSpeed as you want

$("#primary-menu > li > a").on("click", function(event){
    event.preventDefault();
    var bookMark = $(this).attr("href").substring(1,$(this).attr("href").length);
    bookMarkTag = $("a[name='"+ bookMark +"']");
    if(bookMark !== undefined) {
        $('html,body').animate({scrollTop: bookMarkTag.offset().top}, Math.floor(bookMarkTag.offset().top));
    }         
});

Replace to

$("#primary-menu > li > a").on("click", function(event){
    event.preventDefault();
    var bookMark = $(this).attr("href").substring(1,$(this).attr("href").length);
    bookMarkTag = $("a[name='"+ bookMark +"']");
    var animateSpeed = 500;
    if(bookMark !== undefined) {
        $('html,body').animate({scrollTop: bookMarkTag.offset().top}, animateSpeed );
    }
});