【问题标题】:Bootstrap hiding page content with named anchorBootstrap 使用命名锚隐藏页面内容
【发布时间】:2015-04-29 04:17:18
【问题描述】:

我使用的是 Bootstrap 3.3.4,每当我使用命名锚点跳转到常见问题解答页面上的某个部分时,页面顶部(锚点上方的所有内容)都会被完全隐藏/忽略/删除。

我没有使用固定标题。单击“已回答的问题”按钮下的任何问题,查看问题here

【问题讨论】:

  • 发生这种情况是因为主页的标题和其他部分是 index.html 的一部分,但是当您单击任何常见问题解答链接时,它会重定向到标记中没有标题的另一个页面
  • 我现在看到那是因为我有溢出:隐藏;在容器上。但这是为了将页脚保持在页面底部。似乎应该有办法做到这两点。

标签: twitter-bootstrap anchor


【解决方案1】:

由于您在col-sm-9col-sm-3 上设置了margin-bottom: -9999px; 以使它们具有相同的高度,因此您将overflow: hidden; 设置在.container 上。

overflow 设置为.container,而不是将其设置为第一个父级 (.page)。

.page{
  overflow: hidden;
}

那么它不会影响页眉和页脚。

【讨论】:

  • 我明白你的意思,但是一旦左侧导航向上滚动,它就会被隐藏起来,也无法获得。在我意识到溢出:隐藏是问题之后,我开始查找它,我认为没有办法做到这一点。有点令人难以置信和令人惊叹。
  • 你能解释一下吗,你想达到什么目的?页面与我的 CSS 看起来不错。你想用导航做什么?
猜你喜欢
  • 2011-11-28
  • 2013-09-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-16
  • 1970-01-01
相关资源
最近更新 更多