css 스크립트 질문입니다.
본문
안녕하세요
반응형으로 만들려는데요
스크립트때문에 브라우져 폭이 좁아져도 스크립트가 적용되는데
모바일에서는 작동을 안하게 하고 싶습니다.
<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
if ($(window).width() >= 780)
$('#banner').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 500});
아~ 너무 감사합니다 ㅜㅜ
php 로 접속자의 환경을 확인 하시고 그 변수값을 스크립트에 넣어서 조건 수식을넣으시면될듯합니다.
모바일 말고 사이즈 줄어들면 작동안되게 하는 방법은 없을까여? ㅜㅜ
웹디라서 이런거 잘 몰라세요
답변을 작성하시기 전에 로그인 해주세요.