Faites défiler div contenu de gauche à droite sur la souris
Bonne journée.
J'ai besoin d'un script qui suivra la souris et faites défiler le contenu en fonction de quel côté de la souris est. Si à gauche, puis à gauche, si à droite, puis à droite.
J'en ai besoin pour les cas où la ligne de hrefs va dépasser la largeur du bloc, comme ici http://cloud.ignatynikulin.com/45121918090s3R15193i
Si la largeur est supérieure, alors vous serez en mesure de le faire défiler, lorsque vous placez votre souris à droite.
Quelque chose qui va le faire: http://codecanyon.net/item/jquery-mouse-slider/full_screen_preview/143061
J'ai essayé ce script, mais le problème c'est qu'il a besoin de s'appuyer sur une certaine largeur que je n'ai pas.
Un plugin ou idées suggestion?
Merci!
- Simplement à partir d'un point de vue utilisateur, que l'effet est vraiment ennuyeux.
- Ça dépend, j'ai seulement 500 px de hauteur et je ne peux pas se permettre de perdre cet espace.
- C'est un peu plus sain d'esprit. Cette image de la galerie a été assez dur à regarder...
- C'est juste une démo de comment il doit fonctionner, je ne vais pas l'utiliser pour les images, et les grandes défilement des choses.J'ai juste besoin pour éviter ce genre de choses cloud.ignatynikulin.com/1T05023y3u2V3Z2T1O3o parce que je n'ai pas d'espace pour faire tout ce que l'on line. Et je ne prétends pas ou quelque chose comme ça. J'apprécie vraiment votre point de vue et de le soutenir. Mais c'est comment il est. Je veux un effet qui est utilisé par google sur les appareils mobiles. cloud.ignatynikulin.com/2F221b0O1J3y1W2R1b0w
- Un autre moyen d'y parvenir est de les faire défiler le contenu proportionnellement à la position de la souris dans le visible conteneur. Comme ceci : comptoirdescotonniers.com/fra/newsletter.aspx?zoom=1
- exactement ce que je voulais! Merci!!!! Mais si la largeur du conteneur principal est dynamiquement modifiables?
- ensuite, vous devez recalculer quelques choses chaque fois que la taille du contenu de changements ... (sur le document prêt, sur l'image chargée dans les navigateurs comme google Chrome ... ), vous pouvez très facilement accéder à cette taille avec jQuery
Vous devez vous connecter pour publier un commentaire.
Découvrez la réponse ici de StackOverflow - c'est une solution parfaite:
Continue de défilement sur le vol stationnaire [performance]
Faire de la div contenant en position absolue. Puis en jQuery, attraper l'événement onMouseMove, calculer la position de la souris par rapport à la div contenant (à l'aide .largeur() cela fonctionne même avec dynamique de la largeur) et changer la gauche/droit de la propriété de votre div contenant selon ce.
Référence: jQuery obtenir la position de la souris à l'intérieur d'un élément