스크롤배너를 PC에서만 사용하려면?

스크롤배너를 PC에서만 사용하려면?

QA

스크롤배너를 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 } ?>

답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT