Home/ Questions/Q 9171723
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T16:12:07+00:00

Using a background image for -webkit-scrollbar-thumb:vertical . Here’s a jsFiddle: http://jsfiddle.net/6ESpj/2/ To simulate problem,

  • 0

Using a background image for -webkit-scrollbar-thumb:vertical. Here’s a jsFiddle: http://jsfiddle.net/6ESpj/2/

To simulate problem, increase the height in div.inner from 1500px to 2000px. You should see that the bottom get’s cut off (I believe this is the equiv of the scrollbar ‘shortening’ in height as the page content grows).

Can anyone recommend a solution? Even a javascript one if necessary.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    ::-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;
}

    Try this, change height of this to whatever you want, if you wish you can with JS compute proper height, something like: height_of_::-webkit-scrollbar-thumb:vertical = height_of_div / SOME_CONSTANT… but I think that isn’t necessary.

    • 0