2015-03-22 6 views
1

Я пытаюсь вычислить ширину окна просмотра, но исключая ширину полосы прокрутки. Кто-то из SO сказал, что window.innerWidth может это сделать, но он учитывает полосу прокрутки.window.innerWidth включает ширину полосы прокрутки

Я пробовал использовать document.body.clientWidth, но когда окно прокручивается по горизонтали, это терпит неудачу.

Даже если document.body.clientWidth > window.innerWidth, мне нужно, чтобы получить ширину окна, но без ширины

Кто-нибудь есть какие-либо идеи прокрутки бара?

+1

Пытались ли вы это решение? http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript – Havenard

+0

Это именно то, что я делаю, но более эстетичный – Victor

+0

@ Oriol, это не дубликат, потому что нет ничего Мне нужно. В этом вопросе OP не интересуется включением/исключением ширины/высоты полосы прокрутки, но я! – Victor

ответ

1

используя jQuery $(window).width() вернет то, что вы хотите.

Если ваш документ имеет горизонтальный прокрутки, то $(document).width() вернет ширину документа вместо окна.

Edit: использованияКонтактная чистый JavaScript, вы можете извлечь документ из главного окна, используя documentElement и этот код работает так же:

document.documentElement.clientWidth 
+0

Как это реализовано в jQuery? Я хочу использовать jQuery – Victor

+0

, вы можете включить jQuery из Google или Microsoft, а затем использовать ** var mywidth = $ (document) .width() ** будет устанавливать то, что вы хотите в «mywidth». Вот как реализовать jquery: http://www.w3schools.com/jquery/jquery_get_started.asp –

+0

Можно ли это сделать с помощью jQuery? – fraxture

Смежные вопросы