一尘不染

如何使用滚动条可靠地获取屏幕宽度

css

有没有办法可靠地告诉浏览器的视口宽度(包括滚动条,但不包括其余的浏览器窗口)?

此处列出的所有属性都不能告诉我屏幕的宽度,包括滚动条(如果存在)


阅读 381

收藏
2020-05-16

共1个答案

一尘不染

只要身体是100%,document.body.scrollWidth就可以工作。

HTML:

<div id="widths"></div>

CSS:

body, html
{
margin: 0;
padding: 0;
width: 100%;
}

div
{
height: 1500px;
}

脚本:

var widths = 'viewport width (body.scrollWidth): ' 
    + document.body.scrollWidth + '<br />'
    + 'window.innerWidth: ' + window.innerWidth + '<br />';

document.getElementById( 'widths' ).innerHTML = widths;

我在演示中放了一个高大的div以强制滚动条。

2020-05-16