Почему не работает плавная прокрутка до якоря в Safari iOS?

Question

[Error 502]

Сделал следующую прокрутку для сайта по якорной ссылке в навигационной панели:

$(".menu-box").on("click", "a", function(event) {
		event.preventDefault();
		var anchorId  = $(this).attr("href");
		scrollingDistance = $(anchorId).offset().top - $(".menu-box").height();
		$("html").animate({scrollTop: scrollingDistance}, 800);
});

Работает везде - в Chrome, Firefox, Opera, Chrome Android, но не работает в iOS Safari. Вообще не работает, ни с плавной перемоткой, ни как обычная якорная ссылка, тупо как кнопка для "потыкать" :(
Учитывая распространенность айфонов, такое считаю недопустимым. Поэтому хочу узнать причину происходящего и заставить работать плавную прокрутку при посещении сайта с айфонов, помогите товарищи(((

Answer 1

[tyzberd]

попробуйте

$("html, body").animate({scrollTop: scrollingDistance}, 800);

Comments

[Error 502]

действительно помогло, не думал что причина в такой ерунде, вот реально спасибо)