tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scroll animations refined

Browse Source
This commit is contained in:
BenjaminToby
2021-06-04 21:11:31 +01:00
parent ed0ab02f0b
commit 5c855e092f
3 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/v2.js
+5 -1
View File
@@ -4,16 +4,20 @@
const translate = document.querySelectorAll(".translate");
var watermark = document.querySelector(".hero-watermark");
var skewedBg = document.querySelector(".skewed-bg");
//var skewedBg = document.querySelector(".skewed-bg");
window.addEventListener("scroll", () => {
var scroll = window.pageYOffset;
translate.forEach(element => {
let speed = element.dataset.speed;
element.style.transform = "translateY(" + (scroll * speed) + "px)";
});
// skewedBg.style.transform = "translateY(" + (scroll * skewedBg.dataset.speed) + "px) skewY(-3deg)";
watermark.style.transform = "translateY(" + (scroll * watermark.dataset.speed) + "px) translateX(-50%)";
});