jQuery (документ) .width () не включает ширину за пределами видимой области

Question

jQuery(document).width() не включает в себя общую ширину (видимый + снаружи видимый, когда есть горизонтальная полоса). Это равно jQuery(window).width(). Я думал, jQuery(window).width() - это ширина видимой области, а jQuery(document).width() - это общая ширина.

Как получить полную ширину или как получить ширину области за пределами видимой области, используя jQuery?

Answer 1

Чтобы получить ширину «невидимой» части, просто вычтите общую ширину документа из видимой ширины окна:

jQuery(document).width() - jQuery(window).width()

Пример jsFiddle

---

Как вы пишете, $(document).width() - это общая ширина, а $(window).width() - это ширина, которая видна в данный момент.

Протестировано впоследние версии Chrome, Firefox, Internet Explorer и Safari.

Answer 2

Я не знаю, есть ли эквивалент jQuery, но

document.getElementsByTagName('body')[0].offsetWidth

должно давать правильную ширину страницы, независимо от размера окна.

Answer 3

Я думаю, что эти коды также полезны:

self.innerWidth && (document.documentElement && document.documentElement.clientWidth) && document.body.clientWidth;

Answer 4

Это моя ошибка. Я отображал ширину, а затем код где-то после этого настраивал ширину некоторых элементов, что делало документ шире.