现在各大浏览器滚动条的默认宽度是多少呢?有没有什么接口可以快速获取其宽度呢?
解决方案
我记得也是17px
window.innerWidth - document.body.clientWidth //火狐下17px IE11下17px
chrome的滚动条 我给关了 所以没测试 window.innerWidth
浏览器可用宽度document.body.clientWidth
body的宽度
我这个式子是在body没有margin
、padding
、border
的情况下得到的
如果你要是有的话可以做减法
//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
网页可见区域高度