Доброе время суток у меня возникла такая проблема

var bgW;
var bgH;
$(window).resize(function() { 
  initResize(); 
}); 
initResize(); 

function initResize(){ 
  bgW=$(document).width();

  console.log(bgW); 
}

функция resize для $(document) отрабатывает только на увеличение а когда начинаю уменьшать экран ширина $(document) остаётся такой какую я её увеличел то есть не уменьшается

почему так происходит?

Параметры документа мне нужны для того что я собираюсь перекрывать всё содержимое страницы div-ом по этому я не могу взять ширину window или body так как window - не стабильный высота скачет а body маленький и не перекрывает всю страницу может есть ещё какие то варианты?

Зарание спасибо)

_____________
Место клизмы изменить нельзя!