17 replies to this topic

[iGuest]

javascript!
Css Scrollbars In Firefox?

There's another way to do it! Don't give up yet. If you really want to customize the display of the scrollbars you can do it with those steps:

1. Set the "overflow" property to the container to "hidden".
2. You need 2 elements next to that container (customized images)
3. Put those elements next to the container (using container.Left + container.Width ...)
4. Set the "onclick" events on those elements as "container.Top = container.Top +/- 10"

It's quite simple, but it can be improved!!

-reply by opalenzuela

[iGuest]

Firefox Issue
Css Scrollbars In Firefox?

Scrollbar style is not working in Firefox. (Silver Stripe)

-reply by YASER

[y4nzi]

I personally don't like changing the scrollbar colours, I don't think it adds much to the site in terms of design. I find it better to leave it as is.
If firefox does include it, I hope they include a "switch off" option or something because some of the scrollbar designs I've seen are, to put bluntly *horrible* in terms of colour schemes and functionality.

[iGuest]

Actually - look at CSS3 specifications and you'll find scrollbar changes supported.

However I hope Firefox will do the sensible thing and get fully CSS2 compliant before they go on to CSS3. The greater control over text in some of the CSS2 specifications is important to get out of the way before we add things like scrollbar changes.

 In fact there's other stuff in CSS3 which is way more interesting than scrollbar changes so - much as I like the idea - I'd rather that stuff was done before we start changing scrollbars.

[iGuest]

There are uses...Css Scrollbars In Firefox?

Actually, I'm working on a browser based game and the ugly grey scrollbar doesn't do the rest of the design any favors; being able to edit that adds to the asthetics of the interface. True, an "off" button, as with most any features, is a good thing and will let those who absolutely do not want anyone messing with their GUI to preserve their settings. But, the rest of design space shouldn't have to suffer. Allow opt-out or opt-in and give those of us who want the control to have it. 

[iGuest]

change the scroll look on a div, not the whole browser window. Css Scrollbars In Firefox?

I think changing the browser controls is not user-friendly and not W3C standard as we all know by now. But what if I have a div embedded in my page, say a box that is 400 by 300 and I fill it with some content but the content needs to be scrollable, like this box I'm typing in. If there is a way to customize THAT scroll bar only, that would be ideal and match a user's site. This is done a lot in Flash but I am looking for a way to do it with css/html. 

-reply by Jbel

[darko100]

It's good that Chrome and Firefox don't support that. I mean , if it was a cool feature , it would take 2-3days to implement it , its nothing special.

That's so fake , a website to be able to control your own GUI. Lets say , you did a cool Windows 7 theme , with some cool patterned scrollbars , and a website is changing them. What a fail.

However , you can mimic the scrollbars with JavaScript. Create a DIV for scrollbar and make it control overflow of a element. You can style the scrollbar with a background color or image