스크롤 내리면서 opacity 변경
본문
<div id="main">
<div class="pc-view" id="bg"></div>
</div>
$(window).ready(function(){
var max = 500; //100% 투명할때의 스크롤 값
$(window).scroll(function(){
var scrollPX = $(this).scrollTop();
if( scrollPX < max ) {
$("#bg").css({"opacity": (max-scrollPX)/max });
}else{
$("#bg").css({"opacity": 0});
}
});
});
</script>
이런식으로 스크롤을 내리면 배경opacity 가 0이되어서 점점사라지게 했는데요!
저 div 이미지가 모니터 꽉차게한 이미지인데 마우스 스크롤은 한 3~4번만 내리면 끝나버려서
이거를 강제로 3~4번 내릴거를 30~40번으로 스크롤 내려야 다음으로 넘어가게 끔은 못하는건가요?ㅠ
답변을 작성하시기 전에 로그인 해주세요.