Android上的图像似乎在滚动时粘住

时间:2014-04-16 21:45:42

标签: android jquery css

编辑似乎删除了使用jquery动态生成的内容修复了问题,但它似乎不是特定的代码段。我为解决主页上的问题而删除的功能不在任何其他页面上,问题仍然存在。所以这看起来像是影响我滚动的jQuery问题?

我正在使用orroids股票浏览器galaxy s3 mini,当我触摸滚动时,我的页面上的图像似乎粘住了,当我放开它们时,它们会弹回原位。它看起来很可怕。

导致图像残留的原因是什么?

我不知道从哪里开始,但这里是指向我的网站http://lartmagazine.co.uk

的链接

如果你在股票Android浏览器上看它,图像似乎都坚持。

是否与我的容器css有关?

#wrapper {
  position: relative;
  height:100%;
  width:100%;
  z-index: 1;
}

#scroller {
  position: absolute;
  overflow:scroll;
  left:0;
  right:0;
  top:40px;
  bottom:0;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

编辑:所以,例如,如果我注释掉这个砌体功能,滚动错误就不再发生了:

function masonry_shiz(){
        $('#gal1').masonry({
            singleMode: true,
            "gutter": 0,
            isFitWidth: true,
            isAnimated: true
        }).imagesLoaded(function() {
            $('#gal1').masonry('reloadItems');
        });
        $(window).load(function() {
            $(".masonry-brick").each(function(i) {
                $(this).delay((i + 1) * 50).fadeIn();
            });
        });
    }masonry_shiz();

0 个答案:

没有答案