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

Question

有没有一种方法可以使用 CSS 来溢出包含区域中的内容，而不是让它可以滚动，让您可以使用底部的页码按钮导航内容？

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

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

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

Answer 1

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

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

然后您可以使用简单的 anchor 进行导航:

<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