Question

I am using a custom scroll which works fine in chrome…but it does not work in Firefox or IE9.

This is the CSS:

    ::-webkit-scrollbar {
    width: 7px;
    height: 1px;
}

::-webkit-scrollbar-thumb    
{
    height: 1em;
    background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(250, 250, 250)));  
    -webkit-border-radius: 5px;  
} 

::-webkit-scrollbar-button:end:increment {
   background:url(../images/down.png) center no-repeat;
}

::-webkit-scrollbar-button:start:decrement
{
   background:url(../images/up.png) center no-repeat;
}

Answer 1

That is a proprietary webkit property. There is no equivalent for FF or IE.

You can, however, do what you’re looking for with jQuery.

http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

Edit: Uhhh.. there literally is no Firefox equivalent and the person asking the question literally must either use a javascript solution, or no solution at all. Downvotes won’t change that.