Comment désactiver le défilement sur un élément particulier avec jquery

Question

Je veux savoir comment je peux désactiver le défilement (Fenêtre), mais autoriser le défilement sur la zone de texte. J'ai essayé ce code mais désactiver totalement tout:

$('html, body').css({ 
    overflow: 'hidden', 
    height: '100%' 
}); 

Answer 1

Essayez ceci:

$('html, body').css({ 
    overflow: 'hidden', 
    height: '100%' 
}); 

Et dans la zone de texte ajouter:

style="overflow:scroll;" 

Answer 2

Un petit échantillon: https://jsfiddle.net/qepr7exx/1/

Selon https://www.w3schools.com/cssref/pr_pos_overflow.asp, le débordement n'est pas hérité, mais il semble qu'il l'est réellement. Il suffit de le remettre à overflow: auto sur l'un de vos conteneurs principaux.

Answer 3

Une installation comme celle-ci pourrait fonctionner pour vous?

<div class="container"> 
    <h1>heading</h1> 
    <div class="scrollable"> 
     Text that will scroll. Text that will scroll. Text that will scroll. Text that will scroll. Text that will scroll. Text that will scroll. Text that will scroll. Text that will scroll. Text that will scroll. 
    </div> 
</div> 

<style> 
.container {height: 110px; width:100px; overflow:hidden;} 
.scrollable {overflow:auto;width:100%;height:30px} 
</style> 

ici est un codepen https://codepen.io/idlethumbs/pen/WZmEgQ