J'ai une page avec une zone de texte y compris. Lorsque je fais défiler la zone de texte en bas, le document fera défiler après. Comment désactiver la défilement de la souris pour le document mais activer le défilement de la zone de texte lorsque la souris est sur la zone de texte? J'ai seulement besoin de désactiver le défilement de la souris et non les barres de défilement de fenêtre.
La page a une taille fixe et il n'y aura que des barres de défilement lorsque la fenêtre du navigateur n'est pas maximisée. Le document a une taille de 800x600 px et doit correspondre à la plupart des utilisateurs que je pense.
J'utilise JavaScript avec JQuery.
4 Réponses :
Utilisez le code suivant pour désactiver le défilement: pour la possibilité, voir: http://www.quirksmode.org/dom/dom/sevents/scroll.html
Merci mais j'ai besoin de faire défiler seulement la zone de texte lorsque la souris sur elle et quand je vais atteindre la fin du texte, je ne veux pas faire défiler le document après sa
Vous pouvez essayer ce qui suit
body{
overflow: hidden;
}
$('#txt').hover(function (){
$('body').css('overflow','hidden');
}, function (){
$('body').css('overflow','auto');
})
Cette solution est identique à Sameera mais sans p>
<div id="total">
<div id="amarela"></div>
<div id="azul"></div>
</div>
Ajouter
Overflow: Caché à Body & HTML Tags. Ensuite, supprimez-le lorsque vous souhaitez activer le défilement sur le document.Une bonne question d'un point de vue technique, bien que comme un utilisateur, je ne suis pas sûr que je serais ravi d'un comportement de défilement non standard.
Je détesterais absolument utiliser une page qui l'a fait. Ce n'est pas évident et je passerais un moment tente de travailler pourquoi ma souris ne fonctionnait pas avant de savoir que c'était seulement sur cette page, à quel point je ferais tout mon possible pour ne plus jamais la rendre visite. Il doit y avoir une meilleure façon que de désactiver le défilement de la souris.
'$ (' # txt '). Survol (fonction () {$ («corps»). CSS («débordement», «caché»);}, fonction () {$ (corps'). CSS ('Overflow ',' auto ');})'