2016-05-27 18 views
0

メインページを制御するiframeの内部にリンクを張る方法はありますか。メインページをトップにするiframeからのリンクを作成する必要があります。私はiframeからページの先頭

私は「トップに戻る」を使用することはできませんメインページ(だけでなく、IFRAME)の最上部までスクロールする必要があり、「戻る」をクリックした後、例えば

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

メインページ内のリンク、それはiframeになければなりません。

ありがとうございました:)

答えて

1

をあなたが要素にid属性を使用して、ページの先頭にジャンプすることができます。

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

これはiframe内で実行できません。親ページからiframeを制御することはできません。逆もまた同様です。

0

私はそれが動作すると思います!

<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

のiframe内のあなたのリンクは、以下の

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

重要な要因はtarget属性の_parent値であり、hrefは親の完全なURLが含まれていることをする必要がありますページがなければ、ブラウザは親ページをフレーム文書のURL(+アンカー)にリダイレクトします。すべてのブラウザがジャンプのみを行うか、フルページがリロードされるかはわかりません。

両方のドキュメントの起点が同じ場合(JavaScriptの同じ起点ポリシーを参照)、スクリプトを介して行うこともできます。

window.parent.scrollTo(0, 0); 
関連する問題