スクロールバーのデフォルトの高さを取得

Question

スクロールバーのデフォルトの高さは何ですか（水平）？ オンラインで文書を見つけることができませんでした。

更新：取得するためにjavascript関数を記述できますか？投票しないでください。それを得るのは難しいです。 ありがとうございます。

Answer 1

このここで見つける：？How can I get the browser's scrollbar sizes?

function getScrollBarWidth() { 
    var inner = document.createElement('p'); 
    inner.style.width = "100%"; 
    inner.style.height = "200px"; 

    var outer = document.createElement('div'); 
    outer.style.position = "absolute"; 
    outer.style.top = "0px"; 
    outer.style.left = "0px"; 
    outer.style.visibility = "hidden"; 
    outer.style.width = "200px"; 
    outer.style.height = "150px"; 
    outer.style.overflow = "hidden"; 
    outer.appendChild (inner); 

    document.body.appendChild (outer); 
    var w1 = inner.offsetWidth; 
    outer.style.overflow = 'scroll'; 
    var w2 = inner.offsetWidth; 
    if (w1 == w2) w2 = outer.clientWidth; 

    document.body.removeChild (outer); 

    return (w1 - w2); 
}; 

alert(getScrollBarWidth()); 

Answer 2

これは、クライアントの画面解像度とブラウザによって異なります。あなたがなぜあなたの求めることを説明すれば、私はより良い答えを与えることができるかもしれません。

Answer 3

ユーザーのコンピュータがどのように設定されていても。これには厳しいルールはありません。たとえば、私のUbuntuマシンでは、デフォルトのスクロールバーのサイズは0です - 従来のスクロールバーの代わりに、マウスがその近くを移動したときに表示されるスクロールラインがあり、ドキュメント上にスペースはありません。しかし、私のWindowsのインストールでは、スクロールバーのサイズは14ピクセルですが、私は約8と500以上の間で何かから設定することができます...

Answer 4

おもしろい質問。私の考えは：あなたが興味を持っている物件がすぐに利用できないときは、テストします。

DOMプロパティは、スクロールバーの高さの影響を受けると思いますが、100％に設定すると、body（またはスクロールバーを持つボックス）のclientHeightになります。これは多分ダムのアプローチではなく、それが本当にどのように役に立つことを確認、それをチェックアウト：

• GET clientHeight
• 前に十分な広さのスクロールバー
• GETを引き起こすために、内部要素の幅を広げますclientHeightは
• 減算

た後、私はこののフィドルを作りました。私が言ったように、このアプローチがどれほど実用的であるかは確かではありませんが、何かの始まりかもしれません。 http://jsfiddle.net/brico/t6zMN/