Desplazamiento vertical suave de la página con la rueda del mouse y la barra de desplazamiento

Question

Estoy jugando e intentando crear un sitio web de paralaje, sí, sé que son una moda molesta, pero aún así me gustaría probar. Entonces, como inspiración, he estado buscando varios ejemplos de buenos sitios web de paralaje y encontré este: https://victoriabeckham.landrover.com/INT.

Tiene un desplazamiento suave utilizando la rueda del mouse, la barra de desplazamiento y los enlaces de anclaje. He estado buscando complementos de jQuery que lograran este efecto, pero parece que solo pueden encontrar los que usan enlaces de página internos: ancla o ID (detallados a continuación), pero no la rueda del mouse ni la barra de desplazamiento. Hay una buena posibilidad de que esté buscando usando palabras clave incorrectas. ¿Alguien sabe la terminología correcta para encontrar estos complementos o conocer algún complemento que pueda lograr este efecto?

En una nota lateral, actualmente estoy aprendiendo jQuery y Javascript, pero estoy en las primeras etapas, todavía rastreando a través de codeacademy y todavía no estoy en un código del mundo real. Así que en este momento estoy jugando con complementos como una forma de aprendizaje, pero espero que en unos pocos meses pueda construir mis propias cosas.

desplazamiento suave para anclar o etiquetas de identificación de:

• http://archive.plugins.jquery.com/project/ScrollTo
• http://jsfiddle.net/9Amdx/7/
• http://arthurclemens.github.com/jquery-page-scroll-plugin/
• http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
• http://www.designova.net/scrollerbird/
• http://chris-spittles.co.uk/?p=462
• http://joelb.me/scrollpath/ (* cortesía de @DrunkRocketeer)

Y, otro ejemplo de una página web de paralaje utilizando una técnica similar para el desplazamiento:

• http://www.ascensionlatorre.com

Answer 1

Pruebe este. https://nicescroll.areaaperta.com/

Tiene

$().scrollTop() 

jQuery detector de eventos demasiado para que pueda tener trayectoria de desplazamiento configurado con la escritura de paralaje.

Answer 2

Yo creo que hay que combinar varios de estos efectos para hacer algo que se asemeje al sitio de Landrover. Una secuencia de comandos de desplazamiento suave, una secuencia de comandos de desplazamiento y una secuencia de comandos de paralaje.

Este es un sitio interesante para el elemento de la ruta de ese sitio web: http://joelb.me/scrollpath/

Aunque la mejor manera de descubrir cómo funcionan estos sitios es examinar ellos! Algunos sitios interesantes que usan paralaje: http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

¡Espero que haya sido de ayuda/inspiración!

Cheers, Robin