Почему $ (document) .width () не работает в jQuery?

Question

Попытка заставить это работать:

width = $(document).width();
  if (width > 600) {
    $('#anim').animate({
      width: '100vw',
  }, 500, "linear");
} else  {
  $('#anim').remove();
}

Кажется, анимация запускается независимо от размера ширины?

PS Не хочу использовать $ (window) .width ()

Есть идеи ??

Answer 1

Разобрался!

Решением было установить (document) в (document.documentElement)

Answer 2

$(document).width() отлично работает (Chrome, FF, Edge).

У вас есть блок внутри готового блока? Возможно, документ не готов, на данный момент код выполняется…

$(function() {
  width = $(document).width();
  if (width > 600) {
    $('#anim').animate({
      width: '100vw',
    }, 500, "linear");
  } else  {
    $('#anim').remove();
  }
});