@ZZiliST
Изучаю JS, CSS, HTML, PHP

Как исправить глюк animation() в Chrome?

Использую вот такой код
$(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/
  • Вопрос задан
  • 190 просмотров
Решения вопроса 1
@tyzberd
уберите у body в css
scroll-behavior: smooth;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы