Changing overflow-y:scroll style

Asked

Viewed 1,231 times

1

Personal how do I make the bar with transparent background and not white equal in the image below:

I’ve tried to

::-webkit-scrollbar-track

::-webkit-scrollbar-thumb

inserir a descrição da imagem aqui

1 answer

1

Define styles for scrollbar is a rarity, they are not part of the W3C standard for css, and therefore, most browsers simply ignore.

But there are Webkits that allow customization, in my tests I could not find one that had support to all current browsers.

Custom Scrollbars in Webkit

In the link above has an example, the same will work in Google Chrome, but in other like Firefox and IE will have no effect.

I searched the W3C and found the following:

Currently, there is no form of scroll customization compatible with all browsers. Article W3C Mentions at the end the following statement on Friday 7 August 2015 18:50:04:

Some browsers (IE,konqueror) support properties that are not part of the default like scrollbar-shadow-color, scrollbar-track-color and others. These properties are illegal, they are not defined in any specification CSS nor are they identified as propriétárias (prefixing them with "-vendor-").

W3C Scrollbars Test

On this topic in Stackoverflow and addressed this issue and one of the most assertive approaches and use a plugin, some of them:

iScroll

nanoScrollerJS

Browser other questions tagged

You are not signed in. Login or sign up in order to post.