Empêcher le corps de défiler sur la molette de la souris, mais pas la texarea jQuery Girl

Voici un exemple: http://jsfiddle.net/cB3jZ/15/

Lorsque vous faites défiler la molette de la souris vers le bas de la zone de texte, elle continue de faire défiler le rest de la page .. Comment puis-je empêcher cela!?

Lorsque je passe la souris sur la zone de texte, je peux désactiver le défilement avec ce script: https://stackoverflow.com/a/4770179/973485 Mais je veux tout de même que la zone de texte puisse défiler.

http://jsfiddle.net/cB3jZ/15/

J’espère que vous pourrez aider! : =)

J’ai découvert que le défilement continue uniquement si le conteneur externe est la balise body. Donc si vous cela cela fonctionne!

http://jsfiddle.net/cB3jZ/34/

Utilisation du plugin jQuery mousewheel:

 jQuery(function($) { $('textarea') .bind('mousewheel', function(event, delta) { if (this.scrollHeight && this.scrollHeight <= $(this).height() + $(this).scrollTop() && delta < 0){ event.preventDefault() } else if($(this).scrollTop()===0 && delta > 0){ event.preventDefault() } }); });

Je dois vous avertir que cela ne fonctionne pas dans IE7 ou plus ancien (mais il ne jette pas d’erreurs, donc c’est cool)

http://jsfiddle.net/cB3jZ/36/