transparent scroll bar

Navigation
0

I have a code that makes transparent the scroll bar in the browsers of the phones, but it makes both transparent, the (x) and the (and) only need to leave the bar transparent (x) no logo to give what I need How do I do? 

::-webkit-scrollbar {width: 2px;height: 2px;} ::-webkit-scrollbar button {width: 0px;height: 0px;} ::-webkit-scrollbar-thumb {background:transparent;border: 0px none transparent; border-radius: 50px;} ::-webkit-scrollbar-thumb:hover { background: transparent;} ::-webkit-scrollbar-thumb:active {background: transparent;}::-webkit-scrollbar-track {background: transparent; border: 0px none transparent;border-radius: 50px;}::-webkit-scrollbar-track:hover {background: transparent;}::-webkit scrollbar-track:active {background: transparent;}::-webkit-scrollbar-corner {background: transparent;}
    
asked by Header90 09.10.2018 в 00:20
source

3 answers

0

Try using the pseudo-class: : horizontal like this: 

::-webkit-scrollbar:horizontal { ... }
    
answered by 09.10.2018 в 00:43
0

You can use the Overflow property

This always has the default value visible 

Sintáxis formal: [ visible | hidden | clip | scroll | auto ]{1,2}

Properties 

overflow: visible

overflow: hidden

overflow: scroll

overflow: auto

overflow: inherit

Examples 

p {  
     width: 12em;
     border: dotted;
     overflow: visible;   /* Muestra barras si es necesario */ 
}

p { 
  overflow: hidden; /* No muestra barras */
  }
    
answered by 09.10.2018 в 18:54
0

Test using 

overflow-x: hidden;
    
answered by 10.10.2018 в 22:33
Error Message Consumption MQ Weblogic Server Reading of text file lines with pauses every 25 lines