如何浮动顶部栏?

发布于 2024-12-17 13:02:19 字数 157 浏览 0 评论 0原文

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

I want to find a drupal theme that has a bar like Twitter's top bar at http://dev.twitter.com that stays there. If there is not one, how do I replicate that similar effect in a Drupal 7?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

垂暮老矣 2024-12-24 13:02:19

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

#topbar {
    position: fixed;
    top: 0
}

您可能还想要在其余内容上添加上边距,这样就不会覆盖它。

While I don't know of any Drupal themes, I know how to recreate the effect -- to pin an element to the top of the viewport, use CSS's position: fixed:

#topbar {
    position: fixed;
    top: 0
}

You'll also probably want to put a top margin on the rest of your content, so that it doesn't cover it up.

时光病人 2024-12-24 13:02:19

您还可以查看 Twitter 优秀的 Bootstrap 项目作为示例。有关详细信息,请参阅此处。他们称之为顶栏。如果您想推出自己的主题,您也可以使用 Bootstrap 作为 Drupal 自定义主题的起点。

You can also check out Twitter's excellent Bootstrap project for examples. See here for the details. They call it a top bar. Also you could use Bootstrap as a starting point for a Drupal custom theme if you want to roll your own.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文