Использую вот такой код
$(document).ready(function(){
$('a[href^="#"]').on("click","a", function (event) {
//отменяем стандартную обработку нажатия по ссылке
event.preventDefault();
//забираем идентификатор бока с атрибута href
var id = $(this).attr('href'),
//узнаем высоту от начала страницы до блока на который ссылается якорь
top = $(id).offset().top;
top-=100; // отнимаем от полученного значения высоту фиксированного меню
//анимируем переход на расстояние - top за 1500 мс
$('body,html').animate({scrollTop: top}, 1500);
});
});
Во всех браузерах работает хорошо, но вот в Хроме происходят какие-то непонятные глюки... Анимация сначала начинает работать медленно и дёргаться, а потом быстро прокручивает до нужного якоря =( Что только не делал и пробовал прописывать тип анимации linear и подключать easing.js от jquery, но ничего не помогает. Может кто знает как быть? Или это известная проблема, и ничего с ней не сделать?
вот ссылка на сайт на котором происходит глюк:
https://salon-lisa.ru/