javascript scrollTop 채택완료
초초동
8년 전
조회 3,361
</p><p>$(window).scroll(function() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var hd_3=$(".hd_3");</p><p><span class="Apple-tab-span" style="font-size: 11pt; white-space: pre;"> </span><span style="font-size: 11pt;">var win_w = $(window).width();</span> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if ( $(this).scrollTop() >= 145){ </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('.hd').addClass("fx");</p><p><span class="Apple-tab-span" style="font-size: 11pt; white-space: pre;"> </span><span style="font-size: 11pt;">}else{</span> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('.hd').removeClass("fx");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span style="font-size: 11pt;">}); </span> </p><p><span style="font-size: 11pt;">이렇게 하면 scrolltop이 >= 145일때 fx 가 addClass되는건데요.
( .fx{ position:fixed;top:0} )
질문은
addClass는 잘되는데
스크롤바를 이용해서 천~~천~히 내리면 나름 부드럽게 addClass가 되는데요.
마우스로 스크롤을 확! 내리면 한 0.몇초 번쩍하고 addClass가 되버리는데 ....
좀 부드럽게 addClass가 되려면 어떻게 해야되나요?ㅜㅜㅜㅜ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
8년 전
음 우선 스크롤이 내려가 addClass를 해야 된다면,
fadeOut을 하시고 addClass 후 fadeIn으로 이펙트효과 같은걸 주시면 어떠실까요?
훨씬 고급져 보일거에요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인