首页 / JAVASCRIPT / js取滚动条的尺寸的函数代码_javascript技巧

js取滚动条的尺寸的函数代码_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js取滚动条的尺寸的函数代码_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含884字，纯文字阅读大概需要2分钟。

内容图文

这个比较简单，做个记录而已。

创建一个嵌套节点，让外层节点产生滚动条，然后用offsetWidth - clientWidth即可获得滚动条宽度。需要注意的是为了避免页面抖动，可以设置外层元素position:absolute和visibility:hidden

参考：
代码如下:

function getScrollWith(){
var wrap = setAttributes(document.createElement('div'),{
style : {
width : '200px',
height: '200px',
overflow: 'auto',
position:'absolute',
visibility:'hidden'
}
})
var inner = setAttributes(document.createElement('div'),{
style : {
width : '100px',
height: '2000px'
}
})
document.body.appendChild(wrap);
wrap.appendChild(inner);
var w = wrap.offsetWidth - wrap.clientWidth;
document.body.removeChild(wrap);
wrap = null;
inner = null;
return w;
}
function setAttributes(elem,opts){
for(var key in opts){
if(typeof opts[key] == 'string'){
elem[key] = opts[key];
}else{
if(!elem[key]){
elem[key] = {};
}
setAttributes(elem[key],opts[key]);
}
}
return elem;
}

内容总结

以上是互联网集市为您收集整理的js取滚动条的尺寸的函数代码_javascript技巧全部内容，希望文章能够帮你解决js取滚动条的尺寸的函数代码_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/314500.html

来源：【匿名】