Me gustaría que el estilo de la barra de desplazamiento de mi estilo div fuera similar al iPhone o al nuevo buscador osx Lion. Debe ser compatible con todos los navegadores. ¿Es posible?Cambiar la barra de desplazamiento de estilo div para mi sitio
Respuesta
En realidad, hay maneras de cambiar el aspecto de las barras de desplazamiento en los navegadores webkit, con CSS solamente http://css-tricks.com/9130-custom-scrollbars-in-webkit/ Sin embargo, actualmente no es posible personalizar las barras de desplazamiento para tener un aspecto uniforme del navegador cruzado. Tendrá que recurrir a jQuery para hacer esto http://www.net-kit.com/jquery-custom-scrollbar-plugins/
Cambiar el aprendizaje de barras de desplazamiento usando CSS solamente es una característica que solo se admite en IE hasta donde yo sé. Sin embargo, hay opciones que implican algunos scripts (usando jQuery plugins) que pueden hacer el truco.
Puede personalizar las barras de desplazamiento usando jQuery.
http://www.net-kit.com/jquery-custom-scrollbar-plugins/
creo, # 3 en la lista es similar a las barras de desplazamiento de iPhone. Puede requerir una ligera modificación.
- 1. estilo de la barra de desplazamiento CSS3 en un div
- 2. Barra de desplazamiento vertical UL o DIV
- 3. Div barra de desplazamiento vertical mostrar
- 4. Android :: Webview elimina la barra de desplazamiento para un DIV
- 5. Barra de desplazamiento de estilo Apple WPF
- 6. Cambiar el desplazamiento de un div oculto
- 7. ancho de barra de desplazamiento div
- 8. cómo estilo la barra de desplazamiento de en iframe?
- 9. webkit css barra de desplazamiento estilo
- 10. [WPF]: El estilo de una barra de desplazamiento, pero la barra de desplazamiento ListView no está afectado por el estilo
- 11. Cambiar opacidad div en desplazamiento
- 12. Desplazamiento infinito Jquery - barra de desplazamiento en div no cuerpo
- 13. Para saber si un div tiene una barra de desplazamiento
- 14. Javascript cambiar el estilo Div
- 15. ¿Utiliza jQuery para ocultar la barra de desplazamiento div, pero conserva el desplazamiento?
- 16. ¿Cambiar la posición de la barra de desplazamiento en TextBox?
- 17. DIV Barra de desplazamiento vertical a la izquierda
- 18. Internet Explorer crea barra de desplazamiento horizontal para el ancho de barra de desplazamiento vertical
- 19. Cómo ajustar/cambiar el ancho de la barra de desplazamiento
- 20. Desplazamiento de la barra de desplazamiento del navegador
- 21. Android Honeycomb: cambiar el estilo de la barra de acciones
- 22. Div con barra de desplazamiento dentro de div con la posición: fijo
- 23. barra de desplazamiento horizontal para ul
- 24. ¿Puedo estilo/modificar/eliminar barras de desplazamiento de div desplazables
- 25. jQuery para cambiar el contenido en div basado en la posición de desplazamiento
- 26. detectar si el DIV han barra de desplazamiento o no
- 27. ListView barra de desplazamiento Estilo con margen/relleno
- 28. ocultar una barra de desplazamiento en un div
- 29. Aplicar el estilo de la barra de desplazamiento de webkit al elemento especificado
- 30. ¿Cómo se agrega una barra de desplazamiento a un div?
Aquí hay una gran respuesta que detalla la barra de desplazamiento del navegador a la medida de la personalización: http://stackoverflow.com/a/14150577/573634 – Johannes
enlaces ya no funciona – HABJAN