jquery.ScrollTo не работает правильно на Iphone, ни IPad

Question

Вот веб-страница: http://kafe.zum.kz

Я использую последнюю версию jquery.ScrollTo.min.js. Тем не менее, он не работает правильно на iPhone 5 или новейшем iPad.

Вы увидите меню на верхней части:

При нажатии кнопки, например, на «КОНТАКТЫ» он прокрутит вниз до div с id="contacts", но когда вы нажмете после «КОНТАКТЫ» на «НАШЕ МЕНЮ», он сначала перейдет на самую верхнюю часть страницы, а затем пойдет в div с id="menu". Это поведение выполняется только на iphone & ipad, на андроиде или в окнах.

Он должен работать следующим образом: вы нажимаете «КОНТАКТЫ», он прокручивает этот раздел, а затем в этом разделе вы нажимаете «НАШЕ МЕНЮ», он просто просматривает раздел «НАШЕ МЕНЮ».

вот мои ЯШ:

// main menu scroll to section 
var boks = ['.menu-469', '.menu-471', '.menu-470', '.menu-472', '.menu-473', '.menu-474', '.menu-475', '.menu-476', '.menu-477']; 
var element = ['#about', '#zum-slider', '#afisha', '#photos', '#zumenu', '#hotdeals', '#partners', '#karta', '#contacts']; 

for (var i = 0; i < 9; i++) { 
    (function(i) { 
     $('#main-menu li' + boks[i]).click(function() { 
      $(window).scrollTo($(element[i]), 800); 
      //alert(element[i]); 
     }); 
    }(i)); 
} 

Я надеюсь на вашу помощь ребята. Заранее спасибо.

UPDATE1. нашли ответ на: iPad Flicker on auto scroll using JQuery and Scrollto plugin

Попытка.

Answer 1

В объекте опций вы должны указать {axis: 'y'}. Также убедитесь, что вы не включили опцию прерывания. Вы можете проверить это с помощью {interrupt: false}.