Überlauf in einigen Fällen ausgeblendet einstellen

Question

Wie kann ich Overflow versteckt in Fällen, in denen die html gehen außerhalb des Bildschirms

Momentan habe ich html eingestellt {overflow: hidden;} において head Tag von der Seite entfernt. Es ist also die ganze Zeit versteckt

In meinem speziellen Fall sind die Fehler, die ich bei der Registrierung anzeige, auf meinem 13-Zoll-Laptop nicht zu sehen, aber ich möchte die Bildlaufleisten nicht ständig anzeigen.

Deshalb möchte ich, dass es gesetzt (oder nicht gesetzt) auf der Grundlage der Tatsache, wenn es Überlauf oder nicht ist.

Was wäre der beste Weg?

Danke, Richard

Answer 1

Wie wäre es mit so etwas wie diesem:

<div id="overflowHidden" style="overflow:hidden;">
    <div id="contentContainer">
        Content goes here
    </div>
</div>

Setzen Sie eine Höhe auf #overflowHidden und, wenn sich der Inhalt in #contentContainer überprüfen Sie die Höhe im Vergleich zu der von #overflowHidden und setzen Sie das Attribut overflow auf #overflowHidden nach Bedarf.

Das ist zwar nicht die eleganteste Lösung, aber es wäre ziemlich einfach, sie ein- und auszuschalten (für Tests und Produktion).

Answer 2

Reicht "overflow:auto" nicht aus?

http://www.w3.org/TR/CSS2/visufx.html

auto:Das Verhalten des 'auto'-Werts ist abhängig vom Benutzer-Agent, sollte aber einen Mechanismus zum Scrollen für überlaufende Boxen bereitgestellt werden

Answer 3

Würde es helfen, wenn Sie die Bildlaufleiste nur für den vertikalen Bildlauf einstellen?

Sie können dies mit overflow-y: auto; und overflow-x: hidden erreichen;

Dadurch wird eine vertikale Bildlaufleiste angezeigt (nur wenn Sie sie benötigen), aber keine horizontale Bildlaufleiste. Auf diese Weise werden die ausgeblendeten Divs mit negativer Eigenschaft nicht angezeigt, selbst wenn Sie sich entscheiden, die Bildlaufleisten anzuzeigen.