Entfernung und Beibehaltung von Iframe-Bildlaufleisten in JavaScript

In der Entwicklung stoßen wir häufig auf das Problem, alle Bildlaufleisten zu entfernen, die rechte Bildlaufleiste zu entfernen und die untere Bildlaufleiste beizubehalten, die untere Bildlaufleiste zu entfernen und die rechte Bildlaufleiste beizubehalten. In diesem Artikel erfahren Sie, wie Sie Iframe-Bildlaufleisten in JavaScript entfernen und beibehalten. Werfen wir einen Blick darauf!

Nachdem der Iframe in die Seite eingebettet wurde, müssen wir manchmal die Bildlaufleisten anpassen, zum Beispiel alle Bildlaufleisten entfernen, die rechte Bildlaufleiste entfernen und die untere Bildlaufleiste beibehalten, die untere Bildlaufleiste entfernen und Behalten Sie die rechte Bildlaufleiste bei. Was sollen wir also tun?

1: Alle Bildlaufleisten entfernen

Die erste Methode: iframe hat ein Bildlaufattribut, das drei Werte hat: auto, ja und nein.

                                                                                                                                                                                                                        Scrollen: automatisch -----Die Bildlaufleiste erscheint bei Bedarf                Scrollen: nein - ------Bildlaufleisten immer ausblenden

Wenn Scrollen: nein eingestellt ist, alle Bildlaufleisten wird weg sein.

Die zweite Methode: Ich habe festgestellt, dass es zusätzlich zum Scrollen zum Entfernen aller Bildlaufleisten eine andere Methode gibt: Setzen Sie body{overflow: versteckt} auf der eingebetteten Seite, sodass auch die Bildlaufleisten entfernt werden können. Und diese Eigenschaft wird auch verwendet, wenn wir nur eine bestimmte Bildlaufleiste entfernen möchten.

2: Entfernen Sie die Bildlaufleiste rechts und lassen Sie die Bildlaufleiste unten.

Wenn Sie die Bildlaufleiste nur unten behalten möchten, können Sie body{overflow-x :auto in der eingebetteten Seite; overflow-y: versteckt;}

Drei: Entfernen Sie die Bildlaufleiste unten und behalten Sie die Bildlaufleiste rechts bei

Text in der eingebetteten Seite festlegen { overflow-x: versteckt; overflow-y: auto;}

Wir wissen bereits, dass diese beiden Eigenschaften die Anzeige und das Ausblenden der Bildlaufleiste festlegen können. Welchen Effekt hat dies, wenn beide gleichzeitig festgelegt werden? geschehen?

Durch die Erkennung habe ich festgestellt, dass beim Scrollen = „Auto“ oder „Ja“ die Einstellungen im Körper verwendet werden, wenn beim Scrollen = „Nein“ eingestellt ist Im Hauptteil wird die Bildlaufeinstellung verwendet, d. h. alle Bildlaufleisten werden entfernt.