Получилось сделать прикладываю готовый код
$(document).ready(function(){
$('body,html').scrollTop(0);
$(".menu-item").on("click","a", function (event) {
var id = $(this).attr('href'),
top = $(id).offset().top -70;
$('body,html').animate({scrollTop: top}, 1500);
});
var hash = location.hash;
if($(hash).length){
var top = $(hash).offset().top -70;
$('body,html').animate({scrollTop: top}, 1500);
}
});
/* код 1 - выше работает с хешем и помогает перейти на тот якорь, на который нужно с новой страницы
.menu-item - класс пункта меню на который кликать можно. Ставьте любой.
*/
$(function() {
$('a[href*="#1"]:not([href="#"])').click(function() {
/*если у вас есть бутстрап на сайте, как у меня, то вам нужна эта проверка, тогда все якоря на которые должен быть скрол должны начинаться с #1 иначе модальные окна бутстрапа не будут работать*/
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1500);
return false;
}
}
});
});
/* код 2 - выше скролит именно на главной странице к нужному якрою*/
Советую использовать код 1 и код 2 вместе если хотите скрол не только на главной но и на внутренних страницах. Фаил с js подключал перед закрывающим тегом body. Все работает на WP.
