title: Scrolling in web application in iOS with iScroll
body: <p>I have a few web applications that were previously developed for use in Android apps, and we're trying to port them to iOS.</p>
  
  <p>The first problem was that the ad  we had was not staying in place, since position:fixed is no good in mobile Safari. So, I downloaded iScroll.</p>
  
  <p>I figured out that iScroll doesn't play nice with our RSS feed reader (zRSSFeed for jQuery). In fact, when both are enabled on the same page, the iScroll functionality "works", but gets stuck at the top of the page.</p>
  
  <p>I posted to the iScroll user group (https://groups.google.com/group/iscroll/browse_thread/thread/5dd274ff4159a672) but got no useful answers.</p>
  
  <p>I even tried to change to a different RSS library, but it seems they all elicit this issue.</p>
  
  <p>Has anyone had this issue before? Has anyone solved it? Should I just give up and put the ad at the bottom of the webapp, or what?</p>
  
  <p>Thanks, all.</p>
  
  <p>EDIT: I figured I should add in a bit of code.</p>
  
  <p>Basic structure of web stuff:</p>
  
  <pre><code>....
  &lt;div id="appBody"&gt;
      &lt;div id="feedResults"&gt;
          &lt;!-- rss entries go here --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="appAdvertisements"&gt;
      &lt;!-- admob JS stuff goes here --&gt;
  &lt;/div&gt;
  ....
  </code></pre>
  
  <p>Basic JS:</p>
  
  <pre><code>var scroll;
  document.addEventListener('touchmove', function (e) { e.preventDefault();}, false);
  function loaded() {
      scroll = new iScroll('appBody');
      $('#feedResults').rssfeed('&lt;feedurl&gt;', {&lt;options&gt;}, function() { scroll.refresh() });
  }
  document.addEventListener('DOMContentLoaded', loaded, false);
  </code></pre>