Welche Bedeutung hat Overflow-Scrolling?

Dieses Mal werde ich Ihnen die Bedeutung des Überlaufscrollens und die Hinweise zur Bedeutung des Überlaufscrollens näherbringen. Hier ist ein praktischer Fall, schauen wir uns das an.

Prinzip

Um einen Bereichsüberlaufeffekt auf Blockebene festzulegen, müssen Sie nur overflow:scroll und height:xx an der Position des externen Blocks festlegen.

Wenn zu diesem Zeitpunkt die Inhaltsverschiebung des Bereichs auf Blockebene die Verschiebung des äußeren Blocks überschreitet, wird eine Bildlaufleiste angezeigt. Wenn der innere Block scrollt, können wir den Bildlaufeffekt sehen. Hier gibt es zwei Implementierungsmethoden. Durch Festlegen von (oben:0 und unten:0) am übergeordneten Element (als externer Block bezeichnet) kann die Höhe des übergeordneten Elements auch auf andere Weise festgelegt werden: xx Vervollständigen Sie den Scroll-Effekt.

Wenn es sich bei der Bildlaufleiste, die Sie sehen, um eine Bildlaufleiste am Rand des Browsers handelt, bedeutet dies, dass das Bildlaufereignis nicht gebunden ist.

In der Vergangenheit haben wir es verwendet, um zu verhindern, dass der Textinhalt offengelegt wird, und um die Ressourcen des untergeordneten Elements vom übergeordneten Element zu isolieren. Wenn Sie über einen HTTP-Port auf den enthaltenen Dateninhalt zugreifen möchten Normalerweise müssen die Daten geladen werden, indem die Maus des Benutzers an die entsprechende Position scrollt, bevor die Daten synchron geladen werden. Beispielsweise werden die Listendaten einer Seite aus dem Hintergrund abgerufen und die Daten werden über Ajax aktualisiert zu HTML. Es gibt auch die Rolle von Scroll-Bindungsereignissen, bei denen es sich um die Funktion des visuellen Kreuzes handelt.

Scroll-Ereignis

Overflow-Scrolling umfasst overflow-x und overflow-y und Overflow scrollt direkt den überschüssigen Teil, scrollt jedoch horizontal und vertikal Der Effekt ist unterschiedlich. Wir können je nach Scrollbreite und -höhe unterschiedliche Scroll- Ereignisverarbeitungen durchführen.

Drei Schlüssel

Überlauf-Scroll-Ereignisverarbeitung, drei Schlüsselfaktoren sollten in das CSS geschrieben werden, einer ist position:absolute, der zweite ist overflow:scroll und der 3. Für oben: Verschiebung, unten: Verschiebung (oder feste Höhe): Wenn wir beim Aufrufen anderer Ereignisse in der Komponente den Überlauf-Bildlaufeffekt verwenden, wird die Komponente bunter.

Ende

Wenn Sie vergessen, overflow:scroll und height oder oben und unten festzulegen, können Sie hier immer einen Umweg machen. Um Scroll-Bindungsereignisse zu vermeiden, müssen wir also Set overflow und setzen Verschiebung.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

HTML+CSS+JQuery zum Erstellen von Tabs

Sprung nach dem Klickereignis des HTML-Hyperlinks a Leiten Sie die Adresse um, auf die href verweist

Es ist ungültig, mehrere Klassenattribute in HTML zu definieren

Das obige ist der detaillierte Inhalt vonWelche Bedeutung hat Overflow-Scrolling?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!