2016-11-25 9 views
-2

divのセットが無限に繰り返されるページを作成しようとしています。 divはすべて絶対的に配置されているため、divを繰り返すスクロールプラグインは、同じ場所に重なって表示されているように見えます。 すべてのスクロールで一連のdivを繰り返すにはどうすればよいですか?無限にdivの絶対位置を持つクラスのクラス

.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個のピクセルにまたがって:

この

はCSSとHTMLのサンプルです。私は各部門に「#one」のようなIDを与えました。

答えて

0

絶対位置は常にtop:0と同じ場所にとどまります。コンテンツウィンドウの一番上に表示されます。

相対配置を使用してみてください。上のdivに続くポイントです。

+0

「相対」に位置を変更すると、divのすべてがページの下の奇妙な滝に歪んでしまいます。ここでは絶対的な位置付けと見えるものは次のとおりです:http://people.reed.edu/~tamanaka/absolute.htmlそしてここでそれは相対的にワープする方法です:http://people.reed.edu/~tamanaka/relative。 html – KittyKats95

+0

あなたは何を達成しようとしていますか?上から下に向かってスクロールし続ける長い行のdivs? 1を別のものの上に積み重ねましたか? –

+0

divのコレクション全体を繰り返す必要があります。えええええええええええええええええええええええええええええええええええええれんは、一度に1つずつではなく、グループ全体が – KittyKats95

関連する問題