javascript - plugin - scroll personalizado
¿Barra de desplazamiento parecida a un león con jQuery? (10)
¿Alguien conoce un plugin jQuery que haga barras de desplazamiento Mac OS X Lion para cada navegador?
Gracias por adelantado.
Editar: Aquí hay una imagen para usuarios de Windows
Esta es una vieja pregunta ... pero tal vez alguien todavía esté interesado en mi versión:
Fuente: https://github.com/pixelass/customScrollBar
Ejemplo: pixelass.github.io/customScrollBar
Este plugin realmente replica la barra de desplazamiento con mayor precisión que antiscroll o nicescroll ... etc.
El complemento permite un control total sobre las barras de desplazamiento (actualmente solo en vertical) y no requiere mousewheel.js (como lo hacen la mayoría de los complementos) Quitar esta dependencia fue el objetivo principal de mi versión.
También escucha el evento scroll (como lo hace antiscroll). El desvanecimiento y el cambio de tamaño de desplazamiento en las barras de desplazamiento faltaban en todos los demás complementos que encontré. Mi versión incluye un ejemplo para mostrar cómo lograr este efecto.
Hay oyentes de eventos opcionales (pseudo-) "scrollEnded" "clicked" que se activan cuando el desplazamiento del usuario ha finalizado o cuando se hace clic en la barra de desplazamiento y pulgar.
Este complemento también permite casi cualquier estilo y configuración imaginables de la barra de desplazamiento, como flechas de clic (flechas arriba-abajo).
Alfa
Esto sigue siendo alfa (hora de publicación) pero el desarrollo continuará a medida que pase el tiempo.
Antiscroll es probablemente uno de los mejores complementos disponibles que recrea barras de desplazamiento Mac OS X Lion en cada navegador.
Algunas de las excelentes características de Antiscroll :
- Se desvanece dentro y fuera
- El tamaño del contenedor se puede ajustar dinámicamente y las barras de desplazamiento se adaptarán
- Admite mousewheels, trackpads, otros dispositivos de entrada de forma nativa
- Muestra barras de desplazamiento al pasar el mouse
- Admite IE7 +, Firefox 3+, Chrome, Safari, Opera
Demostración: http://automattic.github.io/antiscroll/
Algo interesante, escribí un complemento que hace exactamente eso. Se llama LionBars .
El scrollpane Jquery de scrollpane es lo más cercano que obtendrás.
ver la demostración de lozenge .
Para que se parezca más a Lion, puedes personalizarlo para que solo muestre la barra cuando se animateEase el div de la pista y asegúrate de usar la función animateEase .
Ah, y para la bondad adicional de Apple, cambia la dirección del rollo, así que abajo está arriba y arriba está abajo :-)
El día en que Lion fue liberado, yo era muy aficionado a la barra de desplazamiento en el sistema operativo. Los navegadores ya tienen una elegante barra de desplazamiento predeterminada, pero pensé en los usuarios de Windows;).
Todavía está en construcción, pero podría ayudarte: Desplazamiento OSX
Basado en tinyscrollbar pero hice algunos ajustes. Puede habilitar la ocultación automática (como en el sistema operativo). Solo eche un vistazo a los archivos fuente.
Espero eso ayude.
Usa mi complemento: scrollYou
Utiliza un enfoque simple para hacer el desplazamiento dentro del propio elemento. Así que no tienes que agregar más elementos para hacerlo rodar.
jScrollPane más un poco de modificación sería suficiente.
This es un tutorial al respecto.
nanoScroller.js es un plugin jQuery que codifica con Coffeescript y hace su trabajo: nanoScroller.js
This tiene barras de desplazamiento como las de Mac y es muy simple de instalar. Básicamente puede aplicar cualquier piel que desee con CSS.
nanoscroller o nicescroller sería una mejor opción para un desplazamiento suave.