源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-04-13 23:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js取滚动条的尺寸的函数代码
这个比较简单,做个记录而已。 创建一个嵌套节点,让外层节点产生滚动条,然后用offsetWidth - clientWidth即可获得滚动条宽度。需要注意的是为了避免页面抖动,可以设置外层元素position:absolute和visibility:hidden 参考:
[u]复制代码[/u] 代码如下:
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; }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部