Désactiver le défilement de la souris

J'ai une page avec une zone de texte en elle. Quand j'ai faites défiler la zone de texte vers le bas, le document de défilement après. Comment faire pour désactiver le défilement de la souris pour le document, mais d'activer le défilement de la zone de texte lorsque la souris est sur zone de texte? J'ai seulement besoin de désactiver le défilement de la souris et de ne pas les barres de défilement de la fenêtre.

La page a une taille fixe et il n'y aura que les barres de défilement lorsque la fenêtre du navigateur n'est pas maximisée. Le document a une résolution de 800x600 px taille et doit s'adapter à la plupart des utilisateurs, je pense.

Je suis à l'aide de JavaScript avec jQuery.

  • Ajouter overflow: hidden pour le corps & des balises html. Puis l'enlever lorsque vous souhaitez activer le défilement de nouveau sur le document.
  • tu veux dire à l'aide de défilement de la souris?
  • Bonne question à partir d'un point de vue technique, mais en tant qu'utilisateur, je ne suis pas sûr que je serais ravi de non-standard de comportement défilement.
  • J'avais absolument haine pour utiliser une page qui n'a que. Il n'est pas évident et je passerais tout en essayant de savoir pourquoi ma souris ne fonctionnait pas, avant de découvrir qu'il était seul sur cette page, à quel point je ferais de mon mieux pour ne jamais le visiter à nouveau. Il y a une meilleure façon que de désactiver le défilement de la souris.
  • '$('#txt').hover(function (){ $('body').css('overflow','hidden'); }, function (){ $('body').css('overflow','auto'); })'
  • Sameera, C'est une grande idée 🙂

InformationsquelleAutor VeroLom | 2011-10-27
  1. 2
    $('#txt').hover(function (){
    $('body').css('overflow','hidden');
}, function (){
    $('body').css('overflow','auto');
})
    InformationsquelleAutor Sameera Thilakasiri
  2. 3

    Vous pouvez essayer la 

     <script type="text/javascript">
             function stop()
             {
                 return false;
             }
             document.onmousewheel=stop;
    </script>

    Vous pourriez aussi le faire en CSS si vous choisissez de le faire à l'aide de la suite;

    body{
overflow: hidden;
}

    Sur le dessus de ma tête, je suis venu avec que. Si vous ne voulez pas les faire défiler, vous pouvez également ajouter quelques choses à votre classe CSS comme suit

    Espérons que cette aide!

    Bon Codage! 😉

    • Merci, vous m'avez sauvé! J'étais fou...
    InformationsquelleAutor Carl Finch
  3. 2

    Utiliser le code suivant pour désactiver le défilement:

    if(window.addEventListener){ //Firefox only
    window.addEventListener("DOMMouseScroll", function(e){e.preventDefault()}, true);
}
window.onscroll = function(e){e.preventDefault()};

    Pour la compatibilité, voir: http://www.quirksmode.org/dom/events/scroll.html

    • Je vous remercie, mais j'ai besoin de faire défiler une seule zone de texte lorsque la souris sur elle et quand j'atteindrai la fin du texte, je ne veux pas faire défiler le document après il
    InformationsquelleAutor Rob W
  4. 0

    Cette solution est de même de Sameera mais sans Jquery:

    JS:

    var azul = document.getElementById("azul");

azul.onmouseover = function(){
   document.body.style.overflowY = "hidden";
};

azul.onmouseout = function(){
   document.body.style.overflowY = "auto";
};

    CSS:

    #total{
  height: 900px;
}

#amarela{
  background-color: yellow;
  height:50%;
}

#azul{
  background-color: blue;
  height:50%;
}

    HTML:

    <div id="total">
  <div id="amarela"></div>
  <div id="azul"></div>
</div>

    InformationsquelleAutor Caique Romero