overflow : hidden funktioniert nicht in Chrome

Habe ich eine einfache html-Folgen, und ich fügen Sie Stil overflow: hidden zu stoppen browser gescrollt werden und es funktioniert mit allen Browsern außer auf windows-version von chrome
Bitte helfen Sie mir?

<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>
InformationsquelleAutor Hamed Minaee | 2013-10-10
  1. 8

    Overflow hidden, sollte funktionieren in allen Browsern. Legen Sie es auf das body-tag. Wie:

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

    Ich habe versucht, das auf Google Chrome und es funktioniert.

    • Mich zu schlagen, dies ist der Weg, um es zu beheben.
    InformationsquelleAutor Appel
  2. 0

    Sollten Sie nicht legen Sie es auf den Körper. Müssen Sie die Höhe festlegen, die auf das element, das Sie begrenzen ausblenden überlauf. Hier ist ein Beispiel 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>
    InformationsquelleAutor Jason Prescher
  3. -2

    Das eigentliche problem mit HTML-Elementen ist, dass die overflow:hidden Eigenschaft funktioniert nur für Elemente mit einer nicht-statische position.

    Also, setzen Sie diese auf Ihren Körper: 

    body {
  overflow: hidden;
  position: relative;
}
    • es funktioniert nicht mit body
    InformationsquelleAutor kumar_harsh
Schreibe einen Kommentar