jquery - sensibilidad - rueda mouse sube volumen
Suave efecto de suavizado de desplazamiento con la rueda del mouse (5)
De acuerdo, compañero, intentaré ayudar con su solicitud con algún material. Encontré este tutorial para mí, espero que sea útil para ti también. Esto forma la base del sitio al que se refiere: http://johnpolacek.github.com/scrollorama/
Recientemente me encontré con este sitio web http://www.ascensionlatorre.com/home , y me encanta la forma en que funciona el desplazamiento de la rueda del mouse: la relajación es muy suave.
He estado buscando en Google pero no encuentro nada similar.
¿Alguien tiene alguna sugerencia sobre cómo replicar este efecto con jQuery?
No me he zambullido en el código, pero sospecho que están usando transiciones CSS3.
transition: all 1s
En su elemento (el proveedor con el prefijo por supuesto), suavizará las animaciones de los efectos de paralaje.
Parece que han anulado el comportamiento de scrollWheel y han hecho que cada tick baje por la página en una cantidad determinada. Así es como me acercaría a esto al menos.
Recientemente me encontré con este problema y no estaba encontrando mucho apoyo para él, así que rápidamente me olvidé del problema. Unos meses más tarde vi un mejor ejemplo del desplazamiento suave, así que entré y busqué los archivos JavaScript que estaban usando y descubrí que estaban usando un archivo jQuery llamado NiceScroll.
Creo que esto es lo que ambos hemos estado buscando: desplazamiento simple y sencillo para divs, iframes o lo que sea, al igual que el desplazamiento de iOS.
Tengo la misma pregunta que me has hecho. ¡Visito el sitio web que me proporcionó y descubrí la respuesta!
Usaron jquery.mousewheel.js, y puede usar la consola de Chrome para encontrar el script. Simplemente busque ''mousewheel'' y podrá encontrar una función llamada ''scroll''. La razón del desplazamiento suave es que no usaron el animado de jquery, sino que usaron el setInternal de JavaScript para hacerlo. Puedes aprender del código.
Creo que puedes hacerlo.
http://areaaperta.com/nicescroll/
ese es definitivamente el guión para verificar. A pesar de que agrega una barra de desplazamiento personalizada, es una buena apariencia que puede editar a través de CSS.
EDITAR Tenía una demostración en funcionamiento, pero desde entonces la he eliminado debido a cambios en el alojamiento y el dominio, lo siento.