화면 크기(width)에 따라 스크립트 적용

 

pc버전과 모바일 버전에서 적용되어야 하는 script가 다른 경우가 많다.

이럴때 쓸 수 있는 함수.

스크립트 적용시, 하나의 함수를 선언해서 함수 안에서 적용하는게 훨씬 안정적이다.

 

 

function 함수이름(){
    var winWidth = $(window).width();
    if (winWidth >= 1024) {
   	 	//viewport가 1024보다 클때 적용되는 스크립트
    } else {
    	//viewport가 1024보다 작을때 적용되는 스크립트
    }
} //함수지정

함수이름();  // 함수선언

 

이런식으로 함수 지정 후 선언해주면 끝 !