2017-05-30 7 views
0

は、私は、次のようなものを持って言う:アンカーリンク

<!-- index.html --> 
<a href="#heading32">Link to Section</a> 

<section id="heading1">Section Name</section> 
<div>Content</div> 
<section id="heading2">Section Name</section> 
<div>Content</div> 
<section id="heading3">Section Name</section> 
<div>Content</div> 
<!-- More sections --> 
<section id="heading32">Section Name</section> 
<div>Content</div> 
<!-- More sections --> 

基本的に、私はあなたがリンクをクリックして、ウィキペディアのようなサイトで見つけるものと同様の機能を実装したいですあなたのページをリンクされたセクションにスクロールします。

は今、私は次のようにコードを変更する必要があります。

<!-- index.html --> 
<a href="#heading32">Link to Section in iFrame</a> 
<iframe src="content.html"> 

<!-- content.html --> 
<section id="heading1">Section Name</section> 
<div>Content</div> 
<section id="heading2">Section Name</section> 
<div>Content</div> 
<section id="heading3">Section Name</section> 
<div>Content</div> 
<!-- More sections --> 
<section id="heading32">Section Name</section> 
<div>Content</div> 
<!-- More sections --> 

基本的には、目次が今親コンテナになり、1つをクリックすると、iframeのコンテンツがリンクのセクションに行く必要があります - 以前と同じ機能ですが、コンテンツが再配置されただけです。

これを実現するには、実装をさらに変更する必要がありますか?コンテンツはMicrosoft Word文書からエクスポートされるため、コンテンツHTML文書自体は変更できません。しかし、私のシステムのフレームワークは、スクリプトとスタイルシートを追加することができますが、それはそれです。

答えて

0

このバリエーションは他のstackoverflowの質問で尋ねられ、答えられていると思ってください。基本的には open link in iframe

http://jsfiddle.net/HnXFj/2/

この:

<a href="content.html" target="myIframe" >Link to Section in iFrame</a> 
<iframe src="content.html" name = "myIframe"> 
関連する問題