iT邦幫忙

0

【網頁前端】如何從父層連結iframe崁入網頁的錨點

  • 分享至 

  • xImage

選單在有iframe的那一頁
而選單要連結iframe內網頁的某一區

請問各位高手~要怎麼從有iframe的那一頁連結iframe內的區域呢?

Homura iT邦高手 1 級 ‧ 2018-06-08 08:50:42 檢舉
你是要讓一個ifeame選單點了,然後另一個iframe換頁嗎?
ccutmis iT邦高手 2 級 ‧ 2018-06-08 12:02:49 檢舉
anchor(錨點)在網頁裡通常指<a>又稱作Hyper Link(超連結) ,css又是另一種東西了,建議發問時不要急把問題講清楚附個範例也好,一個好的提問伴隨著好的答案,同理一個不知所云的提問...
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
freessaint
iT邦新手 5 級 ‧ 2018-06-09 03:32:17
最佳解答

用錨點a id 可以做到這件事情,如下面程式碼範例

index是主頁包含兩個iframe,
第一個iframe是iframe1
第二個iframe是iframe2

點選iframe1中的連結
會讓iframe2跳轉到指定地方

index.html

<iframe src="iframe1.html"  width="100%" height="20%" name="top"></iframe>
<iframe src="iframe2.html"  width="100%" height="80%" name="center"></iframe>

iframe1.html

我是上面
<ul>
	<li><a href="iframe2.html#first" target="center">link1</a></li>
	<li><a href="iframe2.html#second" target="center">link2</a></li>
	<li><a href="iframe2.html#third" target="center">link3</a></li>
</ul>

iframe2.html

<style>
#firstDiv{
	position: absolute;
	top:100px;
	background-color: red;
}
#secondDiv{
	position: absolute;
	top:500px;
	background-color: blue;
}
#thirdDiv{
	position: absolute;
	top:2000px;
	background-color: yellow;
}
</style>
我是中間
<div id="firstDiv">
	<a id="first">
	第一塊區域
	</a>
</div>

<div id="secondDiv">
	<a id="second">
	第二塊區域
	</a>
</div>

<div id="thirdDiv">
	<a id="third">
	第三塊區域
	</a>
</div>
終葉 iT邦新手 5 級 ‧ 2018-06-11 20:45:35 檢舉

順利解決問題了QQ感激不盡!!!

我要發表回答

立即登入回答