application.css

[data-iscroll] .scroller_wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); }
[data-iscroll] .scroller { position: relative; }

application.js

$(document).on('pagecontainershow', function() {
      $('[data-iscroll]').each(function() {

        $(this).wrapInner("<div class='scroller'></div>")
          .wrapInner("<div class='scroller_wrapper'></div>");

        var wrapper = $(this).find('.scroller_wrapper').first(),
          windowHeight = $(window).height();

        wrapper.height(windowHeight);

          var scrollerTest = new IScroll(wrapper.get(0), {
            eventPassthrough: false,
            scrollX: false,
            scrollY: true,
            preventDefault: false,
            scrollbars: true
          });
      });

      document.addEventListener('touchmove', function(e) {
        e.preventDefault();
      }, false);
});

Gemfile

source 'https://rails-assets.org'

gem 'rails-assets-jquery-mobile-bower'
gem 'rails-assets-iscroll', '5.1.2'

index.html.erb

<div class="test" data-iscroll>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>