11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'arrive à faire fonctionner le plugin Jquery Mouse Wheel sur mon élément "html" mais sur aucun autre.


      $("html, #content").mousewheel(function(event, delta) {
         this.scrollLeft -= (delta * 100);
         event.preventDefault();
      });


Le scroll se fait sur tout l'élément html. Je le veux juste sur l'élément "content". Comment faire ?

Par avance, merci !
tu peux utilisé ce plugin pour
http://brandonaaron.net/code/mousewheel/demos
voici ma structure de code
<div id="parant"><div id="contenaire"> boucle des iage<img src="..etc"> </div></div>

----------------------------------------------------------------------------------
$("#contenaire").mousewheel(function(event, delta, deltaX, deltaY) {
		var o = '';
		if (deltaY > 0){
		                  $("#contenaire").animate({scrollTop : '-=200'}, 'slow');
                                  }
		else if (deltaY < 0){
                                  $("#contenaire").animate({scrollTop :'+=200'}, 'slow');
				     }
						
	});

-----------------------------------------------------------

bon courage
Modifié par kovax (21 Feb 2012 - 16:44)