마우스 휠 이벤트 질문드립니다.
본문
페이지의 처음은 con_tit이 보이는데 휠을 한번만 내리면 con_tit이 없어지고
내용이 나타나는 애니메이션입니다.
문제는 스크롤 중앙쯤에서 새로고침을 하면 다시 휠을 움직여야 내용이 나타나는데
새로고침을 해도 내용이 유지됐으면 좋겠습니다.
아래 소스에서 어떻게 수정을 해야 좋을지 조언 부탁드립니다.
<style>
#ctt_con { opacity: 0; }
.con_op { opacity: 0; margin-top: 100px;}
.content_tit {opacity: 0;}
</style>
<script>
$("body").on('mousewheel',function(e){
var wheel = e.originalEvent.wheelDelta;
if(wheel>=0 || wheel<=0){
$('.con_tit').fadeOut(300,function(){;
$('.con_op, #ctt_con, .content_tit').animate({opacity:1, marginTop:0},200);
})
}
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
