Verwenden Sie JQuery, um das Problem des Seitenankerfehlers bei der Produktion von iframe_HTML/Xhtml_Web-Seiten zu beheben-HTML-Tutorial-php.cn

Verwenden Sie JQuery, um das Problem des Seitenankerfehlers bei der Produktion von iframe_HTML/Xhtml_Web-Seiten zu beheben

WBOY

Freigeben： 2016-05-16 16:37:04

Original

1270 Leute haben es durchsucht

Das Anwendungsszenario ist: Die Iframe-Seite verfügt nicht über Bildlaufleisten im übergeordneten Formular, da der Ankerpunkt das Fenster basierend auf der Bildlaufleiste des aktuellen Fensters scrollt Untergeordnetes Formular, es gibt keine Bildlaufleiste. Natürlich wird nicht gescrollt.

Die Lösung lautet: Bestimmen Sie mit js, ob die Seite verschachtelt ist, berechnen Sie mit js die Position des Iframes im übergeordneten Formular und die Position des Ankerpunkts im Firame und addieren Sie die beiden, um zu werden das Scrollen des übergeordneten Formulars.

Es ist ein Problem aufgetreten: Holen Sie sich das übergeordnete Formularelement (aufgrund von Domänenbeschränkungen müssen sich alle in der Netzwerkumgebung befinden (d. h. http://domain.com)); das übergeordnete Formular verschachtelt mehrere Iframes, beurteilen Sie, ob Es ist die aktuelle Iframe-Seite.

Code:

Übergeordnete Formularseite index.html

Code kopieren

Die Der Code lautet wie folgt:

;style type="text/css">
margin: 0;
border: 0;
body {
Breite: 100 %;
Höhe: 100 %; style= "width:100%;background:#f00;height:500px;">

"" >ddd

🎜>
Code kopieren

Der Code lautet wie folgt:

;

float: left;
margin-right: 5px
div{
width: 80%; >height: 500px;
rand: 1px solid #f00;
font-size: 30px

Neueste Artikel des Autors