zoukankan      html  css  js  c++  java
  • JS计算滚动条的宽度

    1、此方法检验成功

    function getScrollbarWidth() {
    var oP = document.createElement('p'),
    styles = {
    '100px',
    height: '100px'
    }, i, clientWidth1, clientWidth2, scrollbarWidth;
    for (i in styles) oP.style[i] = styles[i];
    document.body.appendChild(oP);
    clientWidth1 = oP.clientWidth;
    oP.style.overflowY = 'scroll';
    clientWidth2 = oP.clientWidth;
    scrollbarWidth = clientWidth1 - clientWidth2;
    oP.parentNode.removeChild(oP);
    return scrollbarWidth;
    }

    2、和一原理差不多。

    function getScrollbarWidth() {
        var oP = document.createElement('p'),
            styles = {
                width: '100px',
                height: '100px',
                overflowY: 'scroll'
            }, i, scrollbarWidth;
        for (i in styles) oP.style[i] = styles[i];
        document.body.appendChild(oP);
        scrollbarWidth = oP.offsetWidth - oP.clientWidth;
        oP.parentNode.removeChild(oP);
        return scrollbarWidth;
    }
  • 相关阅读:
    对结对编程的测试
    用例
    结对编程 一
    个人项目总结与结对编程的开始
    7-6随便写写
    7-5个人日报
    7-4个人报告
    7.1-7.3个人日报
    6-30个人日报
    6-29个人日报
  • 原文地址:https://www.cnblogs.com/huaan011/p/4800542.html
Copyright © 2011-2022 走看看