iDangero.us swiper android 4.0.4 bug
<p>Phone - Samsung Galaxy S3, OS - Android 4.0.4, native browser</p>

<p>I use as a gallery iDangero.us swiper. Here is my code:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
    &lt;meta name="format-detection" content="telephone=no"/&gt;
    &lt;meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, width=device-width, height=device-height"/&gt;    
    &lt;link rel="stylesheet" type="text/css" href="css/swiper.css"/&gt;
    &lt;script src="js/jquery-1.8.2.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/swiper-1.8.min.js"&gt;&lt;/script&gt;
    &lt;title&gt;restaurant&lt;/title&gt;
&lt;/head&gt;
&lt;body style="overflow-y: scroll"&gt;


&lt;div style="position: relative; height: 300px; width: 300px; background-color: yellow"&gt;
    &lt;div class="swiper-container"&gt;
        &lt;div class="swiper-wrapper" id="galleryWrapper"&gt;
             &lt;div class="swiper-slide" style="background-image: url(http://reservator.me/uploaded/restaurant/10/264.jpg);"&gt;&lt;/div&gt; 
             &lt;div class="swiper-slide" style="background-image: url(http://reservator.me/uploaded/restaurant/10/264.jpg);"&gt;&lt;/div&gt;
             &lt;div class="swiper-slide" style="background-image: url(http://reservator.me/uploaded/restaurant/10/264.jpg);"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;div style="width: 100%; height: 1000px"&gt;&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>swiper.css</strong></p>

<pre><code>.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

}
.swiper-slide {
    float:left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {
    width: 300px;
    height: 100px;
}
</code></pre>

<p>The problem is this. When I scroll the screen down to the bottom and then up again (one-touch), gallery disappears (apparently moved up off the screen.) If you touch the screen gallery reappear. If you scroll to the end is not up, then the gallery to appear, but not completely, but only part of it.</p>

<p>The normal position of the gallery: <a href="http://i.stack.imgur.com/6hXrL.png" rel="nofollow">http://i.stack.imgur.com/6hXrL.png</a></p>

<p>Scroll all the way up at the touch (gallery missing): <a href="http://i.stack.imgur.com/E25iH.png" rel="nofollow">http://i.stack.imgur.com/E25iH.png</a></p>
