suchen

Heim >Web-Frontend >HTML-Tutorial >Verwenden Sie JQuery, um das Problem des Seitenankerfehlers bei der Produktion von iframe_HTML/Xhtml_Web-Seiten zu beheben

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

WBOY
WBOYOriginal
2016-05-16 16:37:041268Durchsuche

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