scroll bar manipulation css

Subject:

/********design the autoscroll bar****/

::-webkit-scrollbar {      width: 5px;      height: 5px;      background-color: black;} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {      background-color: black; 

} /* the new scrollbar will have a flat appearance with the set background color */ ::-webkit-scrollbar-thumb {      background-color: rgba(0, 0, 0, 0.2); } /* this will style the thumb, ignoring the track */ ::-webkit-scrollbar-button {      background-color: #7c2929;} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */ ::-webkit-scrollbar-corner {      background-color: black;} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

2015-11-30 17:53:47gstlouis

 

::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: black;} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {      
    background-color: black; 

} /* the new scrollbar will have a flat appearance with the set background color */ 
::-webkit-scrollbar-thumb {      
    background-color: rgba(0, 0, 0, 0.2); 

/* this will style the thumb, ignoring the track */ 
::-webkit-scrollbar-button {      
        background-color: white;

/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */ 
::-webkit-scrollbar-corner {      
            background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

gstlouis
vote
2015-12-06 09:08:40
  • provide a hidden vertical bar

overflow-x: hidden;

gstlouis
vote
2015-12-06 09:16:41