스크롤값에 따른 인터랙션 추가

<script>
$(document).ready(function(){
    $(window).scroll(function(){
        var scrTop = $(window).scrollTop();
        var scrH = ($(window).height()/100)*70;
        var ani01 = $('.컨텐츠랩').offset().top -scrH; //스크롤을 내렸을 때 .컨텐츠랩이 (화면의 아래 0% 기준)30%까지 오면
        if(scrTop>ani01){
            $('.컨텐츠-1').addClass('contDown'); //.컨텐츠-1에 인터랙션효과를 주는 클래스를 추가함. 기존 css에 position:relative; top:-80px; opacity:0; 넣고 contDown엔 top:0; opacity:1;
        }
    })
})
</script>

 

얌전한 홈페이지를 만들면 안될까요