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

Question

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

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

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

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

Answer 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>

您在（或您想要的任何容器）中的 div#frame应该具有与您要在链接中使用的哈希相对应的 ID。

这是一个 JSBin：http: //jsbin.com/ifasok/1/edit