import Sive from "../dist/Sive.es.js";
Sive.do(".box", "visible");
//ajouter une bordure lorsque l'élément est totalement visible
Sive.doMore(
".box",
(event) => {
if (event.inview) {
event.elem.style.border = "5px solid red";
} else {
event.elem.style.border = "none";
}
},
true,
true
);
Sive.startListening(true, true, 5);
<div class="box hidden">Boîte 1</div>
<div class="box hidden">Boîte 2</div>
<div class="box hidden">Boîte 3</div>
<div class="box hidden">Boîte 4</div>
<div class="box hidden">Boîte 5</div>
<div class="box hidden">Boîte 6</div>
<div class="box hidden">Boîte 7</div>
<div class="box hidden">Boîte 8</div>