2013-02-18 68 views
1

有沒有辦法使用CSS溢出內容區域中的內容,而不是讓它可以滾動,讓它可以通過底部的頁碼按鈕瀏覽內容?是否有可能將內容溢出到類似iframe的頁面中?

尋找與在YouTube上觀看視頻時類似的內容,您可以單擊箭頭之間的下一個箭頭或任何特定頁碼來解析搜索結果。

我們不希望溢出內容滾動;我們希望頁碼在底部。

實現此目的最簡單的方法是什麼?

+0

這不能簡單地用CSS來完成;你需要允許JavaScript。你是否願意使用JavaScript來解決這個問題? – JoshDM 2013-02-18 20:14:14

+0

@JoshDM是的,我們願意使用JavaScript。儘管越簡單越好。 – user2044056 2013-02-19 03:37:30

回答

1

是的!您可以使用:target選擇和位置hash來顯示(或不顯示)作爲必要的內容:

#frame > div { display: none; } 
#frame > div:target { display: block; } 

然後你就可以使用簡單的錨做你的導航:

<a href="#one">One</a> 
<a href="#two">Two</a> 
<a href="#three">Three</a> 
<a href="#four">Four</a> 

#frame內的div (或者你想要的任何容器)應該有與你想在鏈接中使用的哈希對應的ID。

這是一個JSBin:http://jsbin.com/ifasok/1/edit

相關問題