débordement: caché ne fonctionne pas dans Chrome

J'ai un html simple comme suit et j'ajoute le débordement de style: caché pour arrêter le navigateur étant défilé et il fonctionne avec tous les navigateurs sauf sur la version Windows de chrome S'il vous plaît aidez-moi?débordement: caché ne fonctionne pas dans Chrome

<body style="background-color:yellow; overflow: hidden;"> 

<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
. 
. 
. 
dddddddddddddddddddd 
</body> 
</html>

Source

2013-10-10 Hamed Minaee

Le débordement masqué devrait fonctionner dans tous les navigateurs. Réglez-le sur l'étiquette du corps. Comme:

<body style="overflow: hidden; position: fixed;"> 
Your content. 
</body>

J'ai essayé ceci sur Google Chrome et cela fonctionne.

Source

2013-10-10 19:46:02 Appel

me devança, cela est le moyen de le réparer. –

Vous ne devez pas le régler sur le corps. Vous devez définir une hauteur sur l'élément que vous limitez pour masquer tout débordement. Voici un exemple http://jsfiddle.net/tP7qt/

<div style="background-color:yellow; overflow: hidden; height:150px;"> 
<br> 
more stuff below. 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
. 
. 
. 
Stuff here 
</div> 
</html>

Source

2013-10-10 20:07:45

-2

Le problème réel avec des éléments HTML est que la propriété overflow:hidden ne fonctionne que pour les éléments avec une position non statique .

, réglez ceci sur votre corps:

body { 
    overflow: hidden; 
    position: relative; 
}

Source

2013-10-10 20:10:20

cela ne fonctionne pas avec 'body' – Evgeniy

débordement: caché ne fonctionne pas dans Chrome

Répondre

Questions connexes