채택완료

javascript scrollTop

2017-06-02 (금) 16:46:50 3,508
Copy
$(window).scroll(function() {		var hd_3=$(".hd_3");		var win_w = $(window).width();  	if ( $(this).scrollTop() >= 145){  		$('.hd').addClass("fx");	}else{ 		$('.hd').removeClass("fx");	}});

이렇게 하면 scrolltop이 >= 145일때 fx 가 addClass되는건데요.

(   .fx{ position:fixed;top:0}   ) 



질문은
addClass는 잘되는데
스크롤바를 이용해서 천~~천~히 내리면 나름 부드럽게 addClass가 되는데요.
마우스로 스크롤을 확! 내리면 한 0.몇초 번쩍하고 addClass가 되버리는데 ....

좀 부드럽게 addClass가 되려면 어떻게 해야되나요?ㅜㅜㅜㅜ



|

답변 1개

채택된 답변
+20 포인트

음 우선 스크롤이 내려가 addClass를 해야 된다면,

fadeOut을 하시고 addClass 후 fadeIn으로 이펙트효과 같은걸 주시면 어떠실까요?

훨씬 고급져 보일거에요

답변을 작성하려면 로그인이 필요합니다.