title: BluImp Gallery allows image to be dragged vertically
body: <p>I am using the <a href="https://github.com/blueimp/Gallery" rel="nofollow noreferrer">blueImp image gallery</a> in a carousel.
  I am allowing images to be dragged for a mobile user, but images can be dragged vertically as well as horizontally, meaning you can get the image half dragged off screen.</p>
  
  <p>As you drag, the .slide element changes inline to dimensions like:
  <code>style="transform:translate(-100px, 256px)"</code></p>
  
  <p>I have tried setting a <code>translateY(0) !important</code> but this just overwrites the dragging altogether.</p>
  
  <p>I am using jQuery, so maybe there is a way of watching the drag event? Any help useful.</p>