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 );
}
});
Post a Comment for "Scrolling Animation Not Applying Top The First Menu Item"