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

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

$(".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. Вообще не работает, ни с плавной перемоткой, ни как обычная якорная ссылка, тупо как кнопка для "потыкать" :(
Учитывая распространенность айфонов, такое считаю недопустимым. Поэтому хочу узнать причину происходящего и заставить работать плавную прокрутку при посещении сайта с айфонов, помогите товарищи(((