¿Hay alguna manera de deshacerse de la pista de desplazamiento por completo? ¿O hacer que se superponga al contenido en lugar de dejarlo de lado? Al igual que iOS/Lion barras de desplazamiento?webkit css barra de desplazamiento estilo
Lo siguiente es bastante aproximado, pero aunque la pista es transparente, el contenido de la región desplazable se desplaza y se muestra el fondo de la página.
::-webkit-scrollbar {
width:8px;
height:8px;
-webkit-border-radius: 4px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
background-color:transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(053, 057, 071, 0.3);
width: 6px;
height: 6px;
-webkit-border-radius:4px;
}
por qué no utilizar una barra de desplazamiento personalizado, como jQuery basados [JScrollPane] (http : //jscrollpane.kelvinluck.com/)? Puede diseñarlo para que se extienda sobre el contenido, si lo desea. – Artyom
He intentado con jScrollPane, así como con algunas de mis propias soluciones que usan traduciones css3, posiciones CSS, etc. ... ninguna es tan rápida como una barra de desplazamiento real. Simplemente parece una sobrecarga adicional para algo que ya está incorporado en el navegador. Si es posible usar los scrollers existentes en lugar de algunos javascript falsos, parece una mejor idea. – nicholas
He encontrado que http://www.baijs.nl/tinyscrollbar/ funciona muy bien y es rápido (en términos de la respuesta del contenido al desplazamiento) y muy fácil de configurar. –