Buongiorno a tutti,sto creando un sito dove ad un punto mi serve un effetto tra icone che scorrono in modo diverso tra di loro come si sovrapponessero, un pò stile apple. Sono riuscito a crearlo però quando effettuo lo scroll le icone si muovono soltanto se creo nella sezione, come se si fosse creato un contenitore all'interno della pagina che effettua i movimenti solo se clicco su quest'ultimo? ho cercato ovunque sul web ma il codice mi riporta sempre uguale al mio. Avete qualche consiglio o idea? sotto vi allego il codice
<div class="parallax">
<div id="group1" class="parallax__group">
<div class="parallax_layer parallax_layer_back">
<img class="img-fluid" src="primarie.png">
</div>
</div>
<div id="group2" class="parallax__group">
<div class="parallax_layer parallax_layer_base">
<img class="img-fluid" src="secondarie.png">
</div>
</div>
<!--CSS-->
.parallax {
height: 500px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-perspective: 300px;
perspective: 1px;
}
.parallax__group {
position: relative;
height: 500px;
height: 100vh;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.parallax_layer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.parallax_layer_base {
transform: translateZ(-2px) scale(3);
}
.parallax_layer_back {
transform: translateZ(-1px) scale(2);
}