[JavaScript] jQuery 스크롤 이벤트

jQuery 스크롤 이벤트

$(window).scroll(function(){

});

 

(브라우저 스크롤 이벤트는 js 파일에서 한 번만 만들어줍니다. 여러개 안됨!)

 

 

 

 

스크롤을 내렸을 때 해당 요소 동작시키기

 

$(window).scrollTop();

: 브라우저의 스크롤 위치값

 

$('.main2').offset().top + $('.main2').height() * 0.8;

: main2의 0.8 정도쯤 왔을 때의 위치값을 변수에 담아서 브라우저의 스크롤 위치가 해당 위치를 지날 때의 동작하도록 합니다.

 

0.8은 제가 임의로 넣은 값이기에 원하시는 위치값을 계산에 넣어주시면 됩니다.