Question

我正在尝试构建一个页面，其中一组div无限重复。因为div都是绝对定位的，所以似乎重复div的滚动插件只是将它们覆盖在同一个位置上，看起来什么都没有。如何用每个卷轴重复整个系列的div？

这是CSS和html的示例：

.square 
{
    height: 100px;
    width: 100px;
    opacity: 0;
    position: absolute;
} 

#one 
{
    background-color: #3a5496;
    top: 20px; 
    left: 50px; 
}

<body>
    <div class="square" id="one">  </div> 
    <div class="square" id="two">  </div>
</body>

有超过40个单独的div基本上做同样的事情，只分布在3000像素。我给每个div一个像＆＃34; #one。＆＃34;

Answer 1

绝对位置将始终保持在top：0;是内容窗口的顶部。

尝试使用相对定位，其中top：0;是高于它的div之后的那一点。

无限重复具有绝对位置的div类

1 个答案: