Ionic 2: oculta la barra de desplazamiento y sigue desplazándote

Solo quiero ocultar la barra de desplazamiento, en una página que necesita desplazarse. Estoy usando Ionic 2

Mi solución no funcional :

.scroll-content-bar{ overflow: hidden; } 

Esta solución oculta la barra de desplazamiento pero hace que la pantalla no se pueda deslizar.

En primer lugar, cambiar el comportamiento natural del navegador y la experiencia del usuario esperada es una medida arriesgada.

Sin embargo, si realmente realmente quieres, creo que tu mejor opción es fingir. En este caso, ajustar el width a 0 debería ser suficiente, pero también estoy cambiando los colores de fondo para que sea completamente transparente.

 div{ background: gray; height: 200px; overflow-y: scroll; } p{ border-bottom: 1px solid black; } div::-webkit-scrollbar { border:none; width:0; background: rgba(0,0,0,0); } div::-webkit-scrollbar-track { border:none; width:0; background: rgba(0,0,0,0); } div::-webkit-scrollbar-thumb { border:none; width:0; background: rgba(0,0,0,0); } 
 

content

content

content

content

content

content

content

content

content

content

Simplemente agregue la línea siguiente a su archivo css / scss y funcionará perfectamente.

 ::-webkit-scrollbar { display:none; } 

Por favor agregue esto al archivo .scss.

 .scroll-content { overflow-y: auto; } 

Para anular en toda la aplicación, agréguela al archivo app.scss.

Solo aplica este CSS, me funciona muy bien:

 @media only screen and (min-width: 1025px) { .scroll-content:not(.show-scrollbar) { margin-right: -17px; overflow-y: scroll; } } 

puede mejorar la consulta de medios para adjuntar solo el navegador de escritorio.