2016-05-27 8 views
0

gibt es eine Möglichkeit, wie Link in Iframe zu steuern Hauptseite. Ich muss einen Link von iframe machen, der die Hauptseite nach oben bringt.oben auf der Seite von iframe

Zum Beispiel

<html> <- mainpage 
    ...some arcticle... 
    <iframe> 
    ...long article... 
    <a href="goback">Go Back</a> 
    </iframe> 
</html> 

Nach Anklicken auf „Zurück“ Ich Zum Anfang der Haupt-Seite scrollen müssen (nicht nur iframe)

Ich kann nicht „nach oben“ verwenden Link innerhalb der Hauptseite, muss es in Iframe sein.

Danke :)

Antwort

1

Sie zum Anfang einer Seite unter Verwendung des id Attribut in Elemente springen können.

<html id="top"> 
    <!-- Some content here --> 
    <iframe> 
     <!-- Long Article here --> 
     <a href="#top">Jump to top</a> 
    </iframe> 
</html> 
1

Dies kann nicht innerhalb iframe getan werden. Sie können den Iframe nicht von der übergeordneten Seite aus steuern und umgekehrt.

0

Ich denke, es funktioniert!

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<script> 
 
    $(document).ready(function() { 
 
     $(window).scroll(function() { 
 
      if ($(this).scrollTop() > 100) { 
 
       $('.scrollup').fadeIn(); 
 
      } else { 
 
       $('.scrollup').fadeOut(); 
 
      } 
 
     }); 
 
     $('.scrollup').click(function() { 
 
      $("html, body").animate({ 
 
       scrollTop: 0 
 
      }, 600); 
 
      return false; 
 
     }); 
 
    }); 
 
</script>

1

Ihr Link innerhalb des iframe sollte folgende

<a href="http://full-address-of-the-parent-page/#top" target="_parent">go back</a> 

Wichtige Faktoren sind sein der _parent Wert des target Attributs und dass die href enthält die vollständige URL der Mutter Seite, andernfalls leitet der Browser die übergeordnete Seite an die URL des gerahmten Dokuments (+ Anker) um. Ich bin mir nicht sicher, ob jeder Browser nur den Sprung ausführt oder ob die Seite vollständig neu geladen wird.

Wenn beide Dokumente denselben Ursprung haben (siehe JavaScript-Richtlinie für denselben Ursprung), könnte dies auch über ein Skript erfolgen, z.

window.parent.scrollTo(0, 0); 
Verwandte Themen