diff --git a/docs/examples/input.html b/docs/examples/input.html new file mode 100644 index 0000000..9e0d3f5 --- /dev/null +++ b/docs/examples/input.html @@ -0,0 +1,56 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/docs/examples/on-update.html b/docs/examples/on-update.html index 0ff723b..9083622 100644 --- a/docs/examples/on-update.html +++ b/docs/examples/on-update.html @@ -10,15 +10,16 @@ return document.body.scrollTop }) - lax.addElements(".circle", {}, { + lax.addElements("#text", {}, { onUpdate: function (driverValues, domElement) { const scrollY = driverValues.scrollY[0] - domElement.innerHTML = scrollY + const oCount = Math.floor((scrollY / 10) + 1) + const oString = Array.from({ length: oCount }, (v, i) => "o").join("") + domElement.innerHTML = "scr" + oString + "ll" - if (scrollY > 400) { + if (scrollY > 1000) { domElement.classList.add('pink') - domElement.innerHTML = "PINK" } else { domElement.classList.remove('pink') } @@ -29,26 +30,20 @@ -
+
\ No newline at end of file diff --git a/docs/examples/snap-scroll.html b/docs/examples/snap-scroll.html index c7c27e3..71a487d 100644 --- a/docs/examples/snap-scroll.html +++ b/docs/examples/snap-scroll.html @@ -1,6 +1,6 @@ - +