使Joomla标头静止，以便始终可见

Question

客户询问他是否可以将其网站的标题区域设置为静态，以便始终可见？

我正在使用Eris模板：http://hogash-demos.com/themeforest/?theme=eris_joomla

我的网站是：http://www.negotiumrecruitment.co.uk/dev

带有徽标，联系信息和导航以及下面一行的顶部区域都希望保持原样，滚动时整个站点向上移动，顶部区域始终可见。

提前谢谢。

保罗沃克

Answer 1

您可以尝试：

#rt-header {
  position: fixed;
  top: 0;
  width: 100%;
}

  

具有固定位置的元素相对于浏览器定位   窗口，即使滚动窗口也不会移动

来源：http://www.w3schools.com/css/css_positioning.asp

编辑：看到您经过验证的网站，您还需要更改＃rt-logo CSS规则。它目前是“绝对的”，应该是“固定”的：

#rt-logo {
  display: block;
  position: fixed; /* Instead of 'absolute' */
  left: 50%;
  top: 0;
  margin-left: -470px;
  z-index: 9999;
}

这是因为您的徽标位于模板中的标题之外。通常它会在标题内，你不需要这个。