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

时间:2013-02-18 20:09:08

标签: html css overflow

有没有办法使用CSS来溢出包含区域中的内容,而不是让它可滚动,是否可以使用底部的页码按钮导航内容?

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

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

实现这一目标的最简单方法是什么?

1 个答案:

答案 0 :(得分:1)

是的!您可以使用:target选择器和位置哈希来根据需要显示(或不显示)内容:

#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