Heim >Web-Frontend >js-Tutorial >JS-Popup-Ebenenmaske, Hintergrundseiten-Bildlaufleiste ausblenden, Details optimieren, Analyse_Javascript-Fähigkeiten

JS-Popup-Ebenenmaske, Hintergrundseiten-Bildlaufleiste ausblenden, Details optimieren, Analyse_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:03:011354Durchsuche

1. So entfernen Sie die Bildlaufleiste

Fügen Sie einfach das Attribut overflow:hidden zum Text hinzu. Es wird in IE6 und 7 nicht wirksam. Sie müssen das Attribut overflow:hidden zum HTML hinzufügen

Der Stil muss mithilfe von Hacks für IE6, 7 und andere Browser identifiziert werden. Dies liegt daran, dass die Seite unter der transparenten Popup-Ebene teilweise ausgeblendet ist, wenn der HTML-Code oder der Text beim Herunterziehen der Seite ausgeblendet ist Normalerweise ausgeblendet Durch Transparenz Die angezeigte Grauskala hängt von der von der Plattform und dem Benutzer festgelegten Hintergrundfarbe ab.

Nachdem die Bildlaufleiste aus dem Hauptteil oder HTML entfernt wurde, verfügt die Seite über eine Bildlaufleistenbreite/2 Sprünge! Dieser Sprung wirkt sich sehr negativ auf die Benutzererfahrung aus. Fügen Sie daher dem Körper eine rechte Polsterung hinzu, deren Größe der Breite der Bildlaufleiste entspricht. Die Breite der Bildlaufleiste unter der Windows-Plattform beträgt 17 Pixel. Die Breite der Bildlaufleiste ist für verschiedene Scroller unter der Linux-Plattform unterschiedlich. Sie können den entsprechenden Code verwenden, um die Breite der Bildlaufleiste zu berechnen als Beispiel.

Zugehörige Codes:

document.documentElement.style.cssText = ‘overflow:none;+overflow:hidden;_overflow:hidden;';
document.body.style.cssText = ‘overflow:hidden;+overflow:none;_overflow:none;padding:0 17px 0 0;';

Der obige Code berücksichtigt nicht, ob HTML oder Body Inline-Stile haben. Wenn HTML oder Body Inline-Stile haben, müssen diese akkumuliert werden, andernfalls werden die ursprünglichen Stile gelöscht.

2. Andere Möglichkeiten, versteckte Gefahren durch Scrollen der Seite zu beseitigen (um Missbrauch zu verhindern)

Nachdem die Bildlaufleiste ausgeblendet wurde, bewegt sich die Seite nicht, wenn mit dem Mausrad gescrollt wird. Ich dachte, das sei in Ordnung, aber nein...

Mit Tastaturkürzeln können auch einige Browservorgänge im Zusammenhang mit dem Scrollen von Seiten ausgeführt werden, z. B. Auf- und Ab-Tasten, Seitenwechseltasten usw. Bei Tastaturkürzeln müssen deren Standardaktionen abgebrochen werden.

3. Popup-Ebenenstil hinzufügen

Globalen Stil zum Text hinzufügen (kompatibel mit IE6)

Höhe:100 %;

Scroll-Stil zur elastischen Ebene hinzufügen

overflow-y: auto;
width: 100%;
height: 100%;
left:0;
_padding:0 17px 0 0;   //IE6bug,子元素绝对定位后对于父元素的padding依然有效

Die obige JS-Popup-Ebenenmaske und die Optimierungsanalyse der versteckten Hintergrundseiten-Bildlaufleisten sind alle vom Herausgeber freigegebenen Inhalte. Ich hoffe, dass sie Ihnen eine Referenz geben können, und ich hoffe auch, dass Sie Script Home unterstützen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn