jquery.ScrollTo not working correctly on iphone nor ipad

Question

I am using latest version of jquery.ScrollTo.min.js. However, it's not working correctly on iPhone 5 nor latest iPad.

You will see a menu on the top:

enter image description here

When you click e.g. on "КОНТАКТЫ" it will scroll down to div with id="contacts" but when you click after "КОНТАКТЫ" to "НАШЕ МЕНЮ" it firstly goes to the very top of the page only then it goes to div with id="menu". That behavior is met only on iphone & ipad, on android or windows is fine.

It should work like this: you click "КОНТАКТЫ" it scrolls down to this section, then while on this section you're clicking "НАШЕ МЕНЮ" it just scroll up to the "НАШЕ МЕНЮ" section.

here's my js:

// 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));
}

I hope for your help guys. Thanks in advance.

UPDATE1. found answer at: iPad Flicker on auto scroll using JQuery and Scrollto plugin

Going to try it out.

I had used `scroller_id.scrollTo(0,0);` which worked fine in both android and ios. — MysticMagicϡ, Feb 12 '14 at 08:30
You mean you have used the same library jquery.ScrollTo and it worked fine in both OS? Have you checked my webpage in IOS to see that behaviour? — Alexander Kim, Feb 12 '14 at 08:41
Not having mac or iphone now. But yes, scrollTo worked fine in ios for me. — MysticMagicϡ, Feb 12 '14 at 08:42
Any ideas what might be causing it to go to the top, only then to required section? — Alexander Kim, Feb 12 '14 at 08:43
Nope, scroller id. I had used that. You must have initialized iscroll and it must have id. — MysticMagicϡ, Feb 12 '14 at 08:47
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/47299/discussion-between-heihachi-and-mystic-magic) — Alexander Kim, Feb 12 '14 at 08:51

score 1 · Answer 1 · answered Apr 22 '15 at 15:15

1

You should include {axis: 'y'} in your options object. Also be sure that you have not enabled interrupt option. You can test this with {interrupt: false}.

answered Apr 22 '15 at 15:15

Önder Ceylan

51
2

jquery.ScrollTo not working correctly on iphone nor ipad

1 Answers1