我们有时需要考虑竖直滚动条对布局的影响,所以我们需要能够计算出滚动条的宽度。
一、滚动条的宽度
整个HTML生成的最外层的滚动条,我们是无法获取到的,因此我们只能自己创建一个新的滚动条,来计算他的宽度。
function getScrollWidth() { var noScroll,scroll,oDiv = document.createElement("DIV"); oDiv.style.cssText = "position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;"; oDiv.style.overflowY = "scroll"; noScroll = document.body.appendChild(oDiv).clientWidth; scroll = oDiv.clientWidth; document.body.removeChild(oDiv); return noScroll - scroll; }
我们新建一个div,并设置出滚动条,通过相减获取得到滚动条的宽度,最后移除该滚动条。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。