时间戳

首页 > 解决方案 > 开始滚动时相册消失

javascript - 开始滚动时相册消失

问题描述

我正在尝试加载一个相册，手机上有大约 40 张小照片。

我这样做：

for(let k=0; k<data.length; k++) {
    var item = $(".item").first().clone();
    item.removeClass("hidden").find(".itemimg").attr("src",data[k].image);
    $(".listings").append(item);
     item.on('click', function (){
     .......
}

和HTML：

<div class="listings">
   <div class="item hidden">
      <img class="itemimg">
      <img class="checkeditem hidden" src="images/checked.png">
   </div>
</div>

Chrome simulator它可以工作，但在实际设备（iPhone Safari）上，我看到前 4 张照片，当我滚动时，隐藏（溢出）的照片不会显示。我只能看到它们的容器，但看不到照片。 当我点击一张照片（背景，我看不到它的照片）时，所有可见元素都会再次出现。

这是内存问题吗？如何正确加载此列表？

编辑：

.listings{
  width: 94%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vh;
}
.item{
  float: left;
  width: 47%;
  height: 30vh;
  margin-left: 2%;
  margin-top: 3%;
  background-color: rgb(245,245,245);
  border-radius: 3vw;
  overflow: hidden;
  position: relative;

}
.itemimg{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

标签： javascriptjquery

解决方案

不知道为什么，但删除这个：

  overflow: hidden;

从我的item CSS，解决了这个问题。

推荐阅读