jQuery 브라우저 창 크기 변화 감지
창사이즈가 줄거나 또는 사용자 마다 창사이즈(브라우저) 크기가 모두 다릅니다.
그런 경우 동적으로 잘 처리 하는 방법이 필요한 경우.
// -------------------------------------------------
// 창크기 변화 감지
// -------------------------------------------------
// - 확대/축소 할때 감지 확인 됨
// - 개발자 도구 범위 좁혔다 넓혔다
// - 브라우저 창 확대,축소 감지 확인
//
$( window ).resize(function(event) {
console.log('창크기 크기 변경:', event);
let windowWidth = $( window ).width();
let windowHeight = $( window ).height();
console.log('창크기 변화 감지 - 현재크기: ', windowWidth, 'x', windowHeight);
});
</script>
몇가지 방식으로 테스트 해봤는데 모두 감지가 잘 됩니다.
창 사이즈 줄었을때 다시 처리해야할 전역변수 같은것 다시 설정하는것들을 넣어 주면 됩니다.
관련링크