title: Mobile Safari, scrollIntoView doesn't work
body: <p>I have a problem with scroll to element on mobile Safari in iframe (it works on other browsers, including Safari on mac).</p>
  <p>I use <code>scrollIntoView</code>. I want to scroll when all content has been rendered. Here is my code:</p>
  <pre><code>var readyStateCheckInterval = setInterval(function () {
      if (document.readyState === &quot;complete&quot;) {
         clearInterval(readyStateCheckInterval);
          $browser.notifyWhenNoOutstandingRequests(function () {
              if (cinemaName != null &amp;&amp; eventId == null) {
                  scrollToCinema();
              } else {
                  scrollToEvent();
              }
          });
       }
  }, 10);
      
      
  function scrollToEvent() {
      var id = eventId;
      var delay = 100;
      
      if (cinemaName != null) {
          id = cinemaName + &quot;#&quot; + eventId;
      }
      
      if ($rootScope.eventId != null) {
          id = $rootScope.cinemaId + &quot;#&quot; + $rootScope.eventId;
      }
      
      $timeout(function () {
          var el = document.getElementById(id);
          if (el != null)
          el.scrollIntoView(true);    
          $rootScope.eventId = null;
      }, delay);
  }
  </code></pre>