编辑似乎删除了使用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();