godotengine/godot-website
1
0
Fork 0
mirror of https://github.com/godotengine/godot-website.git synced 2025-12-31 09:48:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix the parallax effect animation frame binding (#495)

Browse Source
This commit is contained in:
Yuri Sizov
2022-12-22 03:01:09 +03:00
committed by GitHub
parent 67187be78c
commit 2163d37b42
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/godotengine/partials/footer.htm
View File

@@ -189,20 +189,20 @@ description = "footer partial"
const parallaxMinWidth = 768;
const parallaxSpeed = 0.4;
const parallaxTick = (offsetY) => {
const parallaxTick = () => {
if (window.innerWidth > parallaxMinWidth) {
parallaxImage.style.transform = `translateY(${offsetY * parallaxSpeed}px)`;
parallaxImage.style.transform = `translateY(${window.pageYOffset * parallaxSpeed}px)`;
} else {
parallaxImage.style.transform = 'none';
}
}
window.addEventListener("scroll", () => {
requestAnimationFrame(parallaxTick(window.pageYOffset))
window.requestAnimationFrame(parallaxTick)
});
window.addEventListener("resize", () => {
requestAnimationFrame(parallaxTick(window.pageYOffset))
window.requestAnimationFrame(parallaxTick)
});
}
}