是否有可能将内容溢出到类似iframe的页面中?

问题描述:

有没有办法使用CSS溢出内容区域中的内容,而不是让它可以滚动,让它可以通过底部的页码按钮浏览内容?是否有可能将内容溢出到类似iframe的页面中?

寻找与在YouTube上观看视频时类似的内容,您可以单击箭头之间的下一个箭头或任何特定页码来解析搜索结果。

我们不希望溢出内容滚动;我们希望页码在底部。

实现此目的最简单的方法是什么?

+0

这不能简单地用CSS来完成;你需要允许JavaScript。你是否愿意使用JavaScript来解决这个问题? – JoshDM 2013-02-18 20:14:14

+0

@JoshDM是的,我们愿意使用JavaScript。尽管越简单越好。 – user2044056 2013-02-19 03:37:30

是的!您可以使用: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