안녕하세요 스크롤 이벤트 질문드려요~

[윤창석]

        $(window).on('scroll',function(){

            if ($(window).scrollTop() > <strong>50vh</strong>){

            $('.nav-menu').css('opacity','60%');

            $('.nav-menu').css('height','10vh');}

            if ($(window).scrollTop() < 50vh){

            $('.nav-menu').css('opacity','100%');

            $('.nav-menu').css('height','15vh');}

        });

 

먼저 좋은강의 감사드립니다.

스크롤애니메이션 공부했는데요. 저기 윈도우 스크롤을 픽셀단위로 적는것을 배웠는데요.

굵게 표시한곳처럼 vh단위로 적으면 작동이안되나요? 

무조껀 스크롤 효과는 픽셀단위로 적어야하나요?

 

 

또 윈도우 기준이던데 window있는자리에 'body'를 넣으니 작동이 안되더라구요.

이것도 안되는건가요?

 

 

스마트폰, 태블릿, 윈도우 등등 에서도 작동하게 하고싶어서 질문드립니다.

[codingapple]

vh를 쓰게되면 현재 브라우저 높이에 따라 항상 애니메이션 발동하는 기준점이 달라지겠군요

그럼 뭔가 잘 안되고 신경쓸게 많아질 것 같은 느낌이 듭니다 

[글쓴이]

글