pageYOffset:0px

Parallax09

텍스트 효과

Parallax Scrolling

01

Basic Coding

이미지1

높은 목표를 세우고 스스로 채찍질 한다.

02

Basic Coding

이미지2

높은 목표를 세우고 스스로 채찍질 한다.

03

Basic Coding

이미지3

높은 목표를 세우고 스스로 채찍질 한다.

04

Basic Coding

이미지4

높은 목표를 세우고 스스로 채찍질 한다.

05

Basic Coding

이미지5

높은 목표를 세우고 스스로 채찍질 한다.

06

Basic Coding

이미지6

높은 목표를 세우고 스스로 채찍질 한다.

07

Basic Coding

이미지7

높은 목표를 세우고 스스로 채찍질 한다.

08

Basic Coding

이미지8

높은 목표를 세우고 스스로 채찍질 한다.

09

Basic Coding

이미지9

높은 목표를 세우고 스스로 채찍질 한다.

소스보기 
 $(window).scroll(function(){

    $(".reveal").each(function(){
        if($(window).scrollTop()+$(window).height()/2 >$(this).offset().top ){
            $(this).delay($(this).data("delay")).queue(function(){   //queue  -  애니메이션 저장소
                $(this).addClass("show");
            })
            //data-delay값을 가져와서 alert 출력
            //.data()
            // let data = $(this).attr("data-delay")
            // let dats = $(this).data("delay")
            // console.log(data);
            // console.log(dats);
            
        }
    });
});
Close