如何浮顶吧?

时间:2011-11-22 22:03:47

标签: html css scroll

我想找到一个drupal主题,其中有一个像http://dev.twitter.com的Twitter顶部栏一样留在那里。如果没有,我如何在Drupal 7中复制相似的效果?

2 个答案:

答案 0 :(得分:14)

虽然我不知道任何Drupal主题,但我知道如何重新创建效果 - 将元素固定到视口的顶部,使用CSS的position: fixed

#topbar {
    position: fixed;
    top: 0
}

您可能还希望在其余内容上加上一个上边距,这样就不会掩盖它。

答案 1 :(得分:4)

您还可以查看推特的优秀Bootstrap项目。有关详细信息,请参阅here。他们称之为顶级酒吧。如果你想自己动手,也可以使用Bootstrap作为Drupal自定义主题的起点。