title: iscroll: image carousel like App Store
body: <p>We are working on a mobile web application. The designer likes the image carousel effect on App Store (the screenshots of the an App). So we try to mimic the same effect using JavaScript.</p>
  
  <p>We are using <a href="http://iscrolljs.com/" rel="nofollow noreferrer">iScroll</a> to implement. So here is a customization of its <a href="http://lab.cubiq.org/iscroll5/demos/carousel/" rel="nofollow noreferrer">demo carousel</a>: <a href="http://jsfiddle.net/0t9savgj/" rel="nofollow noreferrer">http://jsfiddle.net/0t9savgj/</a>. The options are:</p>
  
  <pre><code>{
      scrollX: true,
      scrollY: false,
      momentum: false,
      snap: true,
      snapSpeed: 400,
      keyBindings: true,
      indicators: {
          el: document.getElementById('indicator'),
          resize: false
      }
  });
  </code></pre>
  
  <p>The problem is: for the last image, there is always some extra space, which is unwanted:</p>
  
  <p><img src="https://i.stack.imgur.com/Hr5OT.png" alt="enter image description here"></p>
  
  <p>Does any one knows how to solve this? Or some other JS libraries implementing the same carousel? Thanks.</p>