javascript - 各浏览器滚动条默认宽度是多少？

问题描述

问 题

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

解决方案

我记得也是17px

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

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

//margin
document.body.style.marginLeft 
document.body.style.marginRight
//padding
document.body.style.paddingLeft
document.body.style.paddingRight
//border
document.body.style.borderLeft
document.body.style.borderRight

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

这篇关于javascript - 各浏览器滚动条默认宽度是多少？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！