リサイズされたときに処理をしたい場合に「.resize()」使うと思いますが「.resize()」を使用するとリサイズされている間ずっと処理が走ってしまいます。
そこでリサイズが終わったタイミングで処理を走らせる方法になります。
var finishResize = function () {
var timer = false;
var $window = $(window);
var windowW = $window.width();
var windowH = $window.height();
$window.resize(function() {
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function() {
// ここに終了時の処理
windowW = $window.width();
windowH = $window.height();
console.log('finish');
}, 200); // リサイズとリサイズの間隔を判定する
});
}
finishResize();