스크롤배너를 PC에서만 사용하려면?
본문
반응형 사이트에 아래와 같은 소스로 PC에서 스크롤배너를 실행되게 하였습니다.
그런데, 모바일에서 아래 소스를 실행하면 레이아웃이 깨지는 현상이 있어서요.
PC일때만 실행되고 모바일일때는 감춰지게 하는 방법이 있을까요?
<style>
#quick {
position:absolute;z-index:100;top:660px;left:50%;margin-left:630px;width:200px; height:200px;border:0px solid gray;
}
</style>
<div id="quick">스크롤배너</div>
</section>
</div>
<script>
$(function() {
var UI = {
init: function() {
this.quickMenuFn();
},
initialize: function() {
this.id = {
target: {
quick: '#quick',
},
};
this.init();
},
quickMenuFn: function() {
var quick = $(this.id.target.quick);
var qTop = parseInt(quick.css('top'));
$(window).scroll(function() {
var winTop = $(window).scrollTop();
quick.stop().animate({
top: winTop + qTop
}, 400);
})
},
};
$(function() {
UI.initialize();
})
})
</script>
답변 3
<?php if(!is_mobile()) { ?>
<div id="quick">스크롤배너</div>
</section>
</div>
<?php } ?>
상세한 답변 감사드립니다.
그누내에서 사용하는거라면
<?php if(is_mobile() == false){?>
내용
<?php }?>
으로 감싸시면 됩니다.
미디어쿼리쓰셔도 되요
반응형이.그렇게 만들잖아요
Pc사이트.해상도 1200px이상 보이고 안보이고
