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

时间:2016-11-25 20:43:59

标签: javascript jquery css scroll

我正在尝试构建一个页面,其中一组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;

1 个答案:

答案 0 :(得分:0)

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

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