안녕하세요
반응형으로 만들려는데요
스크립트때문에 브라우져 폭이 좁아져도 스크립트가 적용되는데
모바일에서는 작동을 안하게 하고 싶습니다.
<script>
$(window).scroll(function() {
$('#banner').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 500});
});
</script>
이 배너 부분이 모바일에서는 하단에 고정되게
@media (max-width: 780px){
#banner{position:fixed!important; bottom: 0px!important;}
}
css를 줬는데
위 스크립트 때문에 하단 고정이 안되요 ㅜㅜ
모바일에서 봣을때
하단에 고정되게 떠는 작동이 안되게 할 수 있을까여?
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
if ($(window).width() >= 780)
$('#banner').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 500});
답변을 작성하려면 로그인이 필요합니다.