CODEWITHSUNDEEP
csswebkitscrollbar
Татьяна Ферулёва
Татьяна Ферулёва

Reputation: 121

Transparent scrollbar

How to make scrollbar transparent? Only css. Only for webkit browsers. My code here.

   div{
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,1);
}

Upvotes: 5

Views: 18521

Answers (2)

Jignesh.Raj
Jignesh.Raj

Reputation: 5987

div
{
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
   background-color: rgba(255,255,255,1);

}

Upvotes: 3

Deryck
Deryck

Reputation: 7668

If you end up wanting it cross-browser, see my question from last week.

Here's the JSBin to go with it.

Upvotes: 0

Related Questions