首页 > 开发 > CSS > 正文

各浏览器滚动条默认宽度是多少?

2017-09-12 09:37:16  来源: 网友分享

现在各大浏览器滚动条的默认宽度是多少呢?有没有什么接口可以快速获取其宽度呢?

解决方案

我记得也是17px

window.innerWidth - document.body.clientWidth //火狐下17px IE11下17px

chrome的滚动条 我给关了 所以没测试
window.innerWidth 浏览器可用宽度
document.body.clientWidth body的宽度
我这个式子是在body没有marginpaddingborder的情况下得到的
如果你要是有的话可以做减法

//margindocument.body.style.marginLeft document.body.style.marginRight//paddingdocument.body.style.paddingLeftdocument.body.style.paddingRight//borderdocument.body.style.borderLeftdocument.body.style.borderRight

另外科普一下:
screen.width屏幕分辨率宽度
document.body.scrollWidth 页面完整宽度
document.body.scrollHeight 页面完整宽度
document.body.offsetWidth 网页可见区域宽度
document.body.offsetHeight 网页可见区域高度