1

の背景画像を使用し-webkit-scrollbar-thumb:verticalます。これがjsFiddleです:http://jsfiddle.net/6ESpj/2/

問題をシミュレートするには、高さdiv.innerを1500pxから2000pxに増やします。下部が切り取られていることがわかります(これは、ページコンテンツが大きくなるにつれて、スクロールバーの高さが「短くなる」のと同じだと思います)。

誰かが解決策をお勧めできますか?必要に応じてJavaScriptでも。

ありがとう!

4

1 に答える 1

2
::-webkit-scrollbar-thumb:vertical
{
    background:black url('http://i.minus.com/jbcOb9d7Bb1p6Y.png') no-repeat;
    background-size:26px 63px;  
    background-position:;
    display: block;
    width: 30px;
    height: 100px;
}

これを試して、高さを好きなように変更してください。JSで適切な高さを計算できるようにしたい場合は、次のようになります。height_of_ ::-webkit-scrollbar-thumb:vertical = height_of_div /SOME_CONSTANT...しかしそれはそうではないと思います必要です。

于 2013-01-21T22:55:54.630 に答える