title: Animate scrollTop not working with iScroll
body: <p>I've posted a few questions on this project I'm working on and this is my latest problem!</p>
  
  <p>I have a click event set up on page A to pass the ID of the anchor tag across to page B so I can use it as a marker for a scrollTop animation. I also have iScroll set up to allow scrolling on the page without affecting the fixed navigation on the bottom. </p>
  
  <p>iScroll works fine on page A, scrollTop works fine on page B. When I try and add iScroll to page B however it interferes with the scrollTop and causes it to stop working. I've tried debugging and it seems to be the wrapper div in particular that's causing the issue, this or fact its absolutely positioned. I've tried several different methods of fixing it but I seem to just be going round in circles. Is anyone able to have a look and see if they can spot the error as it's driving me crazy?</p>
  
  <p>Code below!</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
     &lt;div id="scroller"&gt;
        Content   
     &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div id="footer"&gt;
      Content
  &lt;/div&gt;
  
  #footer { 
      position: fixed;
      z-index: 2;
      bottom: 0; 
      left: 0; 
      width: 100%; 
      padding: 0;  
      height: 65px; 
  }
  #wrapper { 
      position: absolute; 
      z-index: 1; 
      top: 0; 
      bottom: 90px; 
      left: 0; 
      width: 100%; 
      overflow: auto; 
      color: #696868; 
  }
  #scroller {
     position:absolute; 
     paddding:0; 
     margin: 0 20px;
  }
  
  // Store div ID in local Storage
  var storage = window.localStorage;
  $("a.scroll_link").click(function(event) {
      event.preventDefault();
  
      var value = $(this).attr("id");
      storage.setItem("key",value);
  
      window.location=$(this).attr("href");
  });
  
  
  
  
  
  $(document).ready(function() {
  //Retrieve ID from local storage
  var value = window.localStorage.getItem("key");
  console.info(value);
  
      //If null then re-define
      if (value != "" &amp;&amp; value != "undefined" &amp;&amp; value != null) {
          var storage = window.localStorage;
          storage.setItem("key",value);
          var scroll_type = "";
  
          if ($.browser.webkit) {
              scroll_type = "body";
          } else {
              scroll_type = "html";
          }
  
          //Scroll to position based on ID
          $(scroll_type)
              .stop()
              .animate({
              //get top-position of target-element and set it as scroll target
              scrollTop: ($("#" + value).offset().top - 25)
              //scrolldelay: 1.5 seconds
          }, {
              duration: 1500,
              complete: function () {
                  storage.clear(); //Clear item from local storage
              },
          });
    }
  });
  </code></pre>