scrolltop 에 vh 먹이는 법 아시는 분 계신가요 ㅠㅠㅠ

Question

$(function() { $(window).on(&#34;scroll&#34;, function() { if($(window).scrollTop() > 1080) { $(&#34;.header_wrap&#34;).addClass(&#34;active&#34;); } else { //remove the background property so it comes transparent again (defined in your css) $(&#34;.header_wrap&#34;).removeClass(&#34;active&#34;); } });}); window에서 스크롤로 100vh가 넘어가면 header_wrap 이라는 선택자에 active를 넣게 하고 싶은데,,이게 vh는 안먹히더라고요 어떻게 변경하면 좋을까요 ?? (위에는 1920 x 1080 해상도에 의거하여 임의로 작성한것입니다 ㅠ)

컴포지트 · Accepted Answer

스크롤 위치는 css에서 담당하지 않습니다. 계산해서 해결해야 합니다.vh라고 했죠? 그러면 계산하면 됩니다.function vh(v) { var h &#61; Math.max(document.documentElement.clientHeight, window.innerHeight || 0); return (v * h) / 100; }그럼 이런 식으로 쓸 수 있겠죠.$(function() { $(window).on(&#34;scroll&#34;, function() { if($(window).scrollTop() > vh(100)) { $(&#34;.header_wrap&#34;).addClass(&#34;active&#34;); } else { //remove the background property so it comes transparent again (defined in your css) $(&#34;.header_wrap&#34;).removeClass(&#34;active&#34;); } }); });

퍼블리셔가될몸이시다 · Answer

정말 감사합니다 복받으세요...덕분에 해결했습니다 정말감사해요...

scrolltop 에 vh 먹이는 법 아시는 분 계신가요 ㅠㅠㅠ

2개의 답변

#vh 목록