jquery horizontale de défilement avec la molette de la souris

J'ai actuellement un site qui est un sidescroller (http://www.studioimbrue.com) et je vais essayer de lier d'une molette de défilement sur le côté. Actuellement, je suis sur que l'on trouve à thehorizontalway.com (appelé thw.js) mais il ne semble pas fonctionner dans tous les navigateurs (Chrome).

Je suis en train de faire de celui-ci au travail: http://brandonaaron.net/code/mousewheel/docs , pour simplement faire défiler la totalité de la fenêtre, rien d'autre. Il existe très peu de documentation donc je ne peux pas le comprendre. Toute aide est appréciée.

OriginalL'auteur steve | 2010-05-15

  1. 7

    J'ai simplement répondu à cette question à propos de défilement d'une div à l'horizontale, j'ai aussi inclus un code pour utiliser la molette de la souris ou il suffit de le saisir et de le faire glisser avec la souris... peut-être certains de ce code vous donnera une idée?

    Pour développer un peu, la molette de la souris permet de vous l'objet de l'événement et le delta.

    $('#container').bind('mousewheel', function(event,delta){
 if (delta > 0) {
   //mousewheel is going up; 
 } else {
   //mousewheel is going down 
 }
});

    La valeur de delta dépend de la vitesse de défilement de la roue. J'ai vu une plage de +50 -50 si vous essayez vraiment dur 😛

    Je vois ce que vous dites, mais je ne comprends pas le "scroll". Dans votre autre post, je vois ce.scrollLeft -= (delta * 30); mais je ne peux pas obtenir que le travail dans la mine. Je veux la totalité de la fenêtre pour faire défiler plutôt que de simplement un div, j'ai donc essayé de changer ('#container'), (fenêtre).
    Je ne sais pas si cela est correct, mais je l'ai eu à travailler dans d'autres navigateurs avec ceci: $(window).bind('la roulette de la souris', function(event,delta){ if (delta > 0) { window.scrollBy(-80,0); } else fenêtre.scrollBy(80,0) ; }); Mais il semble assez buggy dans Chrome...
    Qu'entendez-vous par buggy?
    Je pense que c'était juste mon ordinateur à ce moment-là. Tout va bien, merci 🙂

    OriginalL'auteur Mottie

  2. 1

    J'ai utilisé l' $(window).lier approche dans les commentaires, mais il l'habitude de faire défiler vers l'arrière, seulement vers l'avant, pour à la fois haut et en bas sur la roue.

    <script>
    $(window).bind('mousewheel', function(event, delta) {
        if (delta > 0) { window.scrollBy(-80,0); 
        } else window.scrollBy(80,0) ; 
    });
</script>

    OriginalL'auteur Spencer

  3. 0

    Cette solution à partir des commentaires ci-dessus fonctionne, mais seulement quand on passe la souris sur le réel de l'élément sur la page.

    $(window).bind('mousewheel', function(event, delta) {
    if (delta > 0) { window.scrollBy(-80,0); 
    } else window.scrollBy(80,0) ; 
});

    Simplement le pointeur de la souris sur un espace vide (par exemple, si votre contenu est très court et il y a une certaine fenêtre de gauche plus de, en bas) ça marchera à propos de l'un de défilement, puis pause (jusqu'à ce que vous faites défiler vers la gauche), c'est pourquoi on peut penser que le défilement ne fonctionne que dans un sens. Cela semble également être le cas avec toutes les fantaisie de défilement plugins personnes recommandent pour cela. Espérons que cela aide les gens à trouver une solution dans l'avenir.

    OriginalL'auteur Flickerdart