Бесконечно повторяющийся класс divs с абсолютной позицией

-2

Я пытаюсь создать страницу, на которой набор divs бесконечно повторяется. Поскольку все поля абсолютно позиционированы, кажется, что прокручиваемые плагины, которые повторяют div, просто накладывают их на одно и то же место, которое не выглядит ничем. Как я могу повторить целую серию div или около того с каждым свитком?Бесконечно повторяющийся класс divs с абсолютной позицией

Это образец 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 отдельных дивы, которые по существу делают то же самое, только распространяться через 3000 пикселей. Я дал каждому div id как «#one».

источник

2016-11-25 KittyKats95

Абсолютное положение всегда останется в том же месте, где верх: 0; является верхней частью окна содержимого.

попробуйте использовать относительное позиционирование, где top: 0; это точка, следующая за div над ней.

источник

2016-11-25 20:54:56

Когда я меняю позицию на «родственник», все скины переходят в нечетный водопад вниз по странице. Вот как это выглядит с абсолютным позиционированием: http://people.reed.edu/~tamanaka/absolute.html и вот как это происходит с относительным: http://people.reed.edu/~tamanaka/relative. html – KittyKats95

что вы пытаетесь достичь? длинную линию divs, которые идут сверху вниз и продолжают прокручиваться? Складывается 1 поверх другого? –

Я хочу, чтобы вся коллекция divs повторялась. так что да, они будут складываться, но не по одному, но вся группа снова и снова – KittyKats95

Бесконечно повторяющийся класс divs с абсолютной позицией

ответ

Смежные вопросы