css - 将Joomla header 设为静态，以便始终可见

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

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

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

顶部带有徽标，联系信息和导航的区域以及下面的所有行都希望保留在原处，并且在滚动时，整个网站都将向上移动，并且顶部区域始终可见。

先感谢您。

保罗沃克

最佳答案

你可以试试：

#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;
}

这是因为您的徽标不在模板标题中。通常，它会在标题内，您将不需要它。