Elementos de clip en scroll-scrollToClip
| Autor: | bersLucas |
|---|---|
| Views Total: | 797 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 20, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
scrollToClip es una biblioteca de JavaScript mínima para recortar dos elementos superpuestos al desplazarse por la página. Funciona en exploradores modernos que admiten la propiedad de clip SVG.
Funcionamiento
Inserte la versión minimizada de la biblioteca scrollToClip en el documento HTML.
<script src="scrollToClip_min.js"></script>
Agregue dos elementos para recortar en el desplazamiento.
<img class="scrollToClip" src="before-scroll.jpg"> <img class="scrollToClip reverse" src="after-scroll.jpg">
Uso.
// scrollToClip(elem1,elem2,background);
var elem1 = document.querySelectorAll(".scrollToClip")[1];
var elem2 = document.querySelectorAll(".scrollToClip")[0];
var background = document.querySelector("#element");
scrollToClip(elem1,elem2,background);
