패럴랙스 이펙트07

01

section1

결과도 중요하지만, 과정을 더 중요하게 생각한다.

02

section2

직업에서 행복을 찾아라. 아니면 행복이 무엇인지 절대 모를 것이다

03

section3

피할수 없으면 즐겨라 그리고 행동해라

04

section4

실패는 잊어라 그러나 그것이 준 교훈은 절대 잊으면 안된다.

05

section5

당신이 할수 있다고 믿든 할수 없다고 믿든 믿는 대로 될것이다.

06

section6

눈물과 더불어 빵을 먹어 보지 않은 자는 인생의 참다운 맛을 모른다.

07

section7

좋은 성과를 얻으려면 한 걸음 한 걸음이 힘차고 충실하지 않으면 안 된다.

08

section8

산다는것 그것은 치열한 전투이다.

09

section9

세상은 과정보다 결과를 중요시한다.

소스 보기

Javascript

HTML

CSS

function scroll() {
    
let scrollTop = window.scrollY;

const reveal = document.querySelectorAll(".reveal");

reveal.forEach((el)=>{
    let text = el.innerText;
    if(text) {
        el.innerHTML = "" + text + "";
    }
    
})

reveal.forEach(el => {
    let revealOffset =  el.offsetTop + el.parentElement.offsetTop;
    let revealDelay = el.dataset.delay;

    // 딜레이 주기
    if(scrollTop > revealOffset - window.innerHeight) {
        if (revealDelay == undefined) {
            el.classList.add("show");
        }else {
            setTimeout(() => {
                el.classList.add("show");
            } ,revealDelay)
        }
    }


    // if(scrollTop > revealOffset - window.innerHeight/2) {
    //     el.classList.add("show");
    // }
})
document.querySelector("#parallax__info .scroll").innerText = Math.round(scrollTop);
requestAnimationFrame(scroll);
}
scroll()