HTML 水平滚动条的高度是多少?

Posted

技术标签:

【中文标题】HTML 水平滚动条的高度是多少?【英文标题】:HTML What is the height of a horizontal scrollbar? 【发布时间】:2010-10-02 05:14:04 【问题描述】:

对于叠加层,我需要知道垂直滚动条的高度。

我能做些什么来获得这个价值? FireFox 和 Internet Explorer 的高度是一样的吗?

谢谢

【问题讨论】:

【参考方案1】:

我该怎么做才能得到这个值?

function getScrollSizes()  // call after document is finished loading
    var el= document.createElement('div');
    el.style.visibility= 'hidden';
    el.style.overflow= 'scroll';
    document.body.appendChild(el);
    var w= el.offsetWidth-el.clientWidth;
    var h= el.offsetHeight-el.clientHeight;
    document.body.removeChild(el);
    return new Array(w, h);

FireFox 和 Internet Explorer 中的高度是否相同?

没有。 Internet Explorer 和 Internet Explorer 中的高度甚至不一样。 dpi 设置、主题和操作系统版本等变量也会对其产生影响。

【讨论】:

以上是关于HTML 水平滚动条的高度是多少?的主要内容,如果未能解决你的问题,请参考以下文章

MFC 控件编程之水平滚动条跟垂直滚动条

如何获取bootstrap滚动条的高度

jQuery下 $(window)和$(document)的widthheight方法值得区别

在不影响浏览的情况下隐藏垂直的滚动条的方法都有哪些?

修复了带有水平滚动条和垂直滚动条的标题表

在ASP中如何令到滚动条隐藏??