hackphs2022/scroll.js at master · hackPrincetonHS/hackphs2022 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function calcScrollParameters(elem) {
    let rect = elem.getBoundingClientRect();
    let start = rect.top;
    return start * (window.innerWidth / window.innerHeight);
}

window.addEventListener("scroll", function() {
    document.getElementById("scroll-fish").style.left = `${calcScrollParameters(document.getElementById("scroll-fish"))}px`;
    document.getElementById("scroll-jellyfish").style.right = `${calcScrollParameters(document.getElementById("scroll-jellyfish"))}px`;
    document.getElementById("bg-fish").style.left = `${calcScrollParameters(document.getElementById("bg-fish"))/2}px`;
    document.getElementById("bg-fish2").style.right = `${calcScrollParameters(document.getElementById("bg-fish2"))}px`;
    document.getElementById("bg-fish3").style.right = `${calcScrollParameters(document.getElementById("bg-fish3"))/2}px`;
    document.getElementById("bg-fish4").style.left = `${calcScrollParameters(document.getElementById("bg-fish4"))/3}px`;
});