title: scroll to specific element on mobile phone doesn't work
body: <p>I have a click event which I want when is fired, window scroll to the specific coordinates</p>
  
  <pre><code>&lt;div class="col-xs-12 responsiveView"&gt;
  &lt;div class="row" id="selectedDay"&gt;&lt;/div&gt;
  &lt;div class="responsiveOrders"&gt;&lt;/div&gt;
  &lt;div class="responsiveNewOrders row"&gt;
      &lt;div class="orderMenuTitle"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  ,so far I have used the codes below in reference to the <a href="https://stackoverflow.com/questions/6677035/jquery-scroll-to-element">jQuery scroll to element</a> and <a href="https://stackoverflow.com/questions/4801655/how-to-go-to-a-specific-element-on-page">How to go to a specific element on page?</a></p>
  
  <pre><code>$('html').animate({
     scrollTop: $(".responsiveView").offset().top
  }, 1000);
  </code></pre>
  
  <p>and</p>
  
  <pre><code>var x = $('.responsiveView').offset().left;
  var y = $('.responsiveView').offset().top;
  window.scrollTo(x,y);
  </code></pre>
  
  <p>animate works fine on browser's responsive view but <strong>none of them works on an actual iphone</strong>.
  I have searched a lot and this is not a duplicate!
  your help is appreciated in advance.</p>