是否有可能将内容溢出到类似iframe的页面中?
问题描述:
有没有办法使用CSS溢出内容区域中的内容,而不是让它可以滚动,让它可以通过底部的页码按钮浏览内容?是否有可能将内容溢出到类似iframe的页面中?
寻找与在YouTube上观看视频时类似的内容,您可以单击箭头之间的下一个箭头或任何特定页码来解析搜索结果。
我们不希望溢出内容滚动;我们希望页码在底部。
实现此目的最简单的方法是什么?
答
是的!您可以使用: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
这不能简单地用CSS来完成;你需要允许JavaScript。你是否愿意使用JavaScript来解决这个问题? – JoshDM 2013-02-18 20:14:14
@JoshDM是的,我们愿意使用JavaScript。尽管越简单越好。 – user2044056 2013-02-19 03:37:30