Originariamente inviato da SamuelDom
Ciao a tutti!
Vi chiedo un aiuto in quanto ho un problema con un sito che sto realizzando, sto lavorando in locale quindi purtroppo non posso postare il link.
Ho un sito che si dispone orizzontalmente (impostato un width al contenitore di 12000px), con i contenuti che si spostano attraverso lo scrolling orizzontale del trackpad.
In questo sito sto usando jQuery per avere un effetto parallax. Tutto fatto.
L'unico problema che sorge è che vorrei ottenere lo spostamento orizzontale delle varie sezioni anche attraverso lo scrolling verticale per far si che si possa navigare anche con un normale mouse (mousewheel).
Posto un link ad un sito che implementa questa funzione
travis.volvotrucks.com .
Spero di essermi spiegato bene!
Grazie in anticipo!
A chi potesse interessare ho risolto inserendo questo script (e importando la libreria "mousewheel"):
codice:
<script>
$(function()
{
$("html, body, *").mousewheel(function(event, delta)
{
this.scrollLeft -= (delta * 1.5);
event.preventDefault();
});
});
</script>
Ma ora ho il problema che lo scroll non è fluido come era prima con solamente lo scroll orizzontale. Non so se dipende da qualche conflitto con altri script, o se devo sistemare qualcosa in questo script.
Rispondi quotando