有没有办法使用CSS来溢出包含区域中的内容,而不是让它可滚动,是否可以使用底部的页码按钮导航内容?
要查找与在YouTube上观看视频时类似的内容,您可以点击箭头之间的下一个箭头或任何特定页码,以解析搜索结果。
我们不希望溢出内容滚动;我们希望页码位于底部。
实现这一目标的最简单方法是什么?
答案 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