title: jquery.ScrollTo not working correctly on iphone nor ipad
body: <p>Here's a webpage: <a href="http://kafe.zum.kz" rel="nofollow noreferrer">http://kafe.zum.kz</a></p>
  
  <p>I am using latest version of jquery.ScrollTo.min.js. However, it's not working correctly on iPhone 5 nor latest iPad.</p>
  
  <p>You will see a menu on the top:</p>
  
  <p><img src="https://i.stack.imgur.com/1f7jt.png" alt="enter image description here"></p>
  
  <p>When you click e.g. on "КОНТАКТЫ" it will scroll down to div with <code>id="contacts"</code> but when you click after "КОНТАКТЫ" to "НАШЕ МЕНЮ" it firstly goes to the very top of the page only then it goes to div with <code>id="menu"</code>. That behavior is met only on iphone &amp; ipad, on android or windows is fine.</p>
  
  <p>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.</p>
  
  <p>here's my js:</p>
  
  <pre><code>// 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 &lt; 9; i++) {
      (function(i) {
          $('#main-menu li' + boks[i]).click(function() {
              $(window).scrollTo($(element[i]), 800);
              //alert(element[i]);
          });
      }(i));
  }
  </code></pre>
  
  <p>I hope for your help guys. Thanks in advance.</p>
  
  <p><strong>UPDATE1.</strong> found answer at: <a href="https://stackoverflow.com/questions/4125805/ipad-flicker-on-auto-scroll-using-jquery-and-scrollto-plugin">iPad Flicker on auto scroll using JQuery and Scrollto plugin</a></p>
  
  <p>Going to try it out.</p>