trnc
¿Alguien conoce un complemento de jQuery que crea barras de desplazamiento al estilo de Mac OS X Lion para todos los navegadores?
Gracias por adelantado.
Editar: Aquí hay una imagen para usuarios de Windows
Nikolái Dyankov
Cosas interesantes, escribí un complemento que hace exactamente eso. Se llama LionBars.
-
¡Gracias! Me alegro de que la gente lo esté encontrando útil.
– Nikolái Dyankov
18 de septiembre de 2011 a las 5:52
-
Pasé 1,5 h tratando de averiguar qué estaba haciendo mal… parece que al script no le gusta el “type=’text/javascript” en ninguna de las etiquetas
– bzx
30 de noviembre de 2011 a las 17:51
-
Es posible que desee probar la nueva versión en github.com/nikolaydyankov/lionbars - soporte mucho mayor (incluso IE8)
– Nikolái Dyankov
2 de diciembre de 2011 a las 12:20
-
@NikolayDyankov: ¿Cómo se debe usar LionBars .3 para que funcione también con iframes?
$("iframe").lionbars();no parece funcionar- saltar
31 de marzo de 2012 a las 17:18
-
Los enlaces parecen haberse estropeado, 404 y demás. ¿Alguna idea de qué pasó con este complemento/proyecto?
- peteski
24 de mayo de 2012 a las 10:48
natan
antidesplazamiento es probablemente uno de los mejor Complementos disponibles que recrean las barras de desplazamiento de Mac OS X Lion en todos los navegadores.
Algunos de los estupendo caracteristicas de antidesplazamiento:
- 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 y otros dispositivos de entrada de forma nativa
- Muestra barras de desplazamiento al pasar el mouse
- Soporta IE7+, Firefox 3+, Chrome, Safari, Ópera
Manifestación: http://automattic.github.io/antiscroll/
-
aunque por alguna razón no pude hacer que esto funcionara en mi sitio: p funciona de forma independiente. Supongo que tengo otro complemento interfiriendo.
– Jamie Hutber
5 de febrero de 2013 a las 8:47
-
La demostración de esto incluso me falla con Chrome 25.0. Me muestra la barra de desplazamiento predeterminada debajo.
– Jonathan
22 de marzo de 2013 a las 15:11
-
@MrAzulay Sí, eso acaba de comenzar a suceder desde la última actualización de Chrome. Esperemos que el desarrollador lo arregle pronto.
– Nathan
24 de marzo de 2013 a las 19:09
-
Acabo de crear un complemento que permite replicar las barras de desplazamiento del león con menos dependencias. (todavía Alfa). Vea mi respuesta aquí: stackoverflow.com/questions/6863748/… .. tampoco muestra barras de desplazamiento al pasar el mouse, sino mientras el desplazamiento está activo (como el desplazamiento de león nativo) pixelass.github.io/customScrollBar también permite cualquier otro estilo
– usuario950658
14 de mayo de 2013 a las 8:18
-
Barras de desplazamiento dobles aquí en Safari 8.
– bjb568
22 de noviembre de 2014 a las 19:49
Murat Çorlu
nanoScroller.js es un complemento de jQuery que se codificó con Coffeescript y hace su trabajo: http://jamesflorentino.github.com/nanoScrollerJS/
-
A partir de diciembre de 2012, este complemento no parece admitir barras de desplazamiento horizontales.
– ErJab
13 de diciembre de 2012 a las 4:27
-
+1 muy fácil de usar y de personalizar. Además, este es el complemento más actual/actualizado con más frecuencia aquí
– Felipe
9 de junio de 2013 a las 12:56
-
En mi prueba de IE7/IE8 de los complementos enumerados aquí, nanoScroller está a la altura, a punto de usarlo en mi próximo proyecto.
– Prembo
5 de octubre de 2013 a las 4:09
El día que se lanzó Lion, me gustaba mucho la barra de desplazamiento en el sistema operativo. Los navegadores ya tienen una elegante barra de desplazamiento predeterminada, pero pensé en ellos, usuarios de Windows;).
Todavía está en construcción, pero podría ayudarte: Desplazamiento OSX
Residencia en pequeña barra de desplazamiento pero hice algunos ajustes. Puede habilitar la ocultación automática (como en el sistema operativo). Basta con echar un vistazo a los archivos de origen.
Espero eso ayude.
mazateco
los panel de desplazamiento Jquery Plugin es lo más cercano que obtendrá.
ver el pastilla manifestación.
Para que se parezca más a Lion, puede personalizarlo para que solo muestre la barra cuando se pasa el cursor sobre el div de la pista y asegúrese de usar el animateEase función.
Ah, y para la bondad adicional de Apple, cambie la dirección del desplazamiento para que abajo sea arriba y arriba sea abajo :-)
Esta es una vieja pregunta ... pero tal vez alguien todavía esté interesado en mi versión:
Fuente: https://github.com/pixelass/customScrollBar
Ejemplo: http://pixelass.github.io/customScrollBar/
Este complemento en realidad 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 verticales) y no requiere mousewheel.js (como la mayoría de los complementos). Eliminar esta dependencia fue el objetivo principal de mi versión.
También escucha el evento de desplazamiento (como lo hace antiscroll). El cambio de tamaño de aparición gradual y desplazamiento en las barras de desplazamiento faltaba en todos los demás complementos que encontré. Mi versión incluye un ejemplo para mostrar cómo lograr este efecto.
Hay (pseudo) detectores de eventos opcionales "scrollEnded" "clicked" que se activan cuando el desplazamiento del usuario finaliza o cuando se hace clic en la barra de desplazamiento.
Este complemento también permite casi cualquier estilo y configuración imaginable de la barra de desplazamiento, como flechas de clic (flechas arriba-abajo).
Alfa
Esto todavía es alfa (hora de publicación), pero el desarrollo continuará a medida que pase el tiempo.
silviomoreto
Usa mi complemento: Desplazarte
Utiliza un enfoque simple para hacer el desplazamiento dentro del propio elemento. Así que no tienes que agregar más elementos para que funcione.
@coreyward No cuando el estilo de barra de desplazamiento de ese sistema operativo en particular (en este caso, OS X Lion) se ve mejor y es mejor para la aplicación web en la que se está implementando.
– Nathan
29 de noviembre de 2012 a las 20:48
@coreyward En realidad, a veces es de hecho mejor Por ejemplo: lo ahorra espacio. Las barras de desplazamiento de algunos sistemas operativos son más gruesas (como Windows) y ocupan espacio. Las barras de desplazamiento de Lion no ocupan espacio. Esa es una razón válida para usarlo. Entonces, no, no se trata solo de “preferencias visuales”, sino que también es para ahorrar espacio en situaciones en las que necesita que las barras de desplazamiento no ocupen espacio. No estoy seguro de lo que quieres decir con “Esto es algo que te enseña la experiencia” pero si dices que no tengo experiencia, te equivocas.
– Nathan
30 de noviembre de 2012 a las 17:35
@coreyward Ambos no vamos a estar de acuerdo con esto, así que aceptemos estar en desacuerdo. Sé que tampoco estoy solo con mi posición.
– Nathan
30 de noviembre de 2012 a las 19:35
@coreyward También solo quería agregar que, ya sea que la barra de desplazamiento sea o no la barra de desplazamiento nativa, todavía se desplaza de la misma manera.
– Nathan
1 de diciembre de 2012 a las 0:13
@coreyward parece que no está dispuesto a mejorar la experiencia de los usuarios en absoluto. La gente no es estúpida, sabe cómo son las barras de desplazamiento. Si se ven diferentes de las ventanas predeterminadas y están en línea con el estilo de los sitios, entonces es para mejor.
– Jamie Hutber
5 de febrero de 2013 a las 8:47