1. Methode zum Entfernen von Scrollstangen
Fügen Sie einfach den Überlauf hinzu: verstecktes Attribut zum Körper. Es wird nicht unter IE6 und 7 wirksam. Sie müssen den HTML -Überlauf: Hidden Attribut hinzufügen
Im Stil müssen IE6, 7 und andere Browser durch Hack unterschieden werden. Dies liegt daran, dass die Seite unter der transparenten Glühbirnenschicht normal versteckt ist, wenn die Seite unten gezogen wird, wenn der HTML oder der Körper überfüllt ist: Versteckt. Die durch transparente Anzeige sichtbare Graustufen ist die spezifische Farbe mit der von der Plattform und dem Benutzer festgelegten Hintergrundfarbe zusammen.
Nach dem Entfernen der Bildlaufleiste in Körper oder HTML hat die Seite eine Scrollbar -Breite/2 -Sprung! Dieser Sprung ist sehr schlecht für die Benutzererfahrung. Fügen Sie dem Körper also eine richtige Polsterung hinzu. Die Größe ist die Breite der Bildlaufleiste. Die Breite der Bildlaufleiste unter der Windows -Plattform beträgt 17px. Die Breite der Bildlaufleisten verschiedener Scroller unter der Linux -Plattform ist inkonsistent. Sie können den relevanten Code verwenden, um die Breite der Bildlaufleiste zu berechnen. Das Folgende ist ein Beispiel für die Windows -Plattform.
Verwandter Code:
document.documentElement.style.csSText = 'Überlauf: Keine;+Überlauf: Hidden;
Der obige Code prüft nicht, ob der HTML oder der Körper einen Inline -Stil hat. Wenn der HTML oder der Körper einen Inline -Stil hat, muss er angesammelt werden, andernfalls wird der ursprüngliche Stil gelöscht.
2. Andere Methoden zum Entfernen versteckter Gefahren scrollen Sie die Seite (Verhindern Sie Fehloperation)
Nachdem Sie die Bildlaufleiste versteckt haben, bewegt sich das Scrollen der Seite mit dem Mausrad nicht. Ich fand es in Ordnung, nicht ...
Tastaturverknüpfungen können auch einige Browseroperationen betreiben, die sich auf Scrollseiten beziehen, wie z.
3. Fügen Sie Pop-up-Schichtstil hinzu
Fügen Sie dem Körper den globalen Stil hinzu (kompatibel mit IE6)
Höhe: 100%;
Fügen Sie der Kugelschicht den Scrollstil hinzu
Überlauf-y: Auto; Breite: 100%; Höhe: 100%; links: 0; _padding: 0 17px 0 0; // IE6 -Fehler, die Polsterung des übergeordneten Elements ist immer noch gültig, nachdem das untergeordnete Element absolut positioniert wurde
Der obige Artikel über die JS-Popup-Schichtmaske und die Hidden-Hintergrundseite Scroll-Balkendetail-Optimierungsanalyse ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.