这个比较简单，做个记录而已。 创建一个嵌套节点，让外层节点产生滚动条，然后用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; }

　　推荐阅读

　　javascript开发随笔二 动态加载js和文件

这时候最好的做法就是按需引入，动态引入组件js和样式，文件load完成后调用callback，运行js。代码还是很简便的 1. 判断文件load完成。加载状态ie为onreadystatechange，其他为onload、onerror 复制代码 代码如下:>>>详细阅读

本文标题：js取滚动条的尺寸的函数代码

地址：http://www.17bianji.com/kaifa2/JS/23894.html

 1/2    1