제이쿼리로 브라우저 사이즈 체크 > 실행 (반응형) > 그누보드5 팁자료실

그누보드5 팁자료실

제이쿼리로 브라우저 사이즈 체크 > 실행 (반응형) 정보

제이쿼리로 브라우저 사이즈 체크 > 실행 (반응형)

본문

CSS의 @media 방식이아닌 제이쿼리로 브라우저 사이즈를

체크하는 방법 입니다.

 

반응형 작업시 브라우저의 가로크기에 따라 다른 스크립트를 써야한다거나

CSS로 컨트롤하기 어려운(?) 상황일때 유용한것 같습니다.

 


<script>
function mediaq(){
var windowWidth = $( window ).width();
    if(windowWidth < 768) {
        //브라우저의 가로 사이즈가 768px 보다 작을때 실행될 내용
    } else {
        //브라우저의 가로 사이즈가 768px 보다 클때 실행될 내용
    }
}
 
//mediaq를 setResponsive에 담는다.
function setResponsive() {
    mediaq();
}
//브라우저가 로드될때 실행
$(window).on('load', function () {
    setResponsive();
});
//브라우저가 리사이즈될때 실행
$(window).on('resize', function () {
    setResponsive();
});
</script>
추천
10

댓글 11개

전체 11 |RSS
그누보드5 팁자료실 내용 검색
  • 개별 목록 구성 번호 제목 작성자 작성일 추천 조회
  • 게시물이 없습니다.

회원로그인

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