Jquery顶部面板

Question

嘿伙计

我有一个问题是......我想在我的网站顶部放置一个位于Web浏览器视图顶部的面板。喜欢这里

http://webeffectual.com/

在本网站中，即使您滚动浏览网站，顶部面板也会保持在顶部

我的问题是否可以有人指出我如何做到这一点的正确方向或告诉我如何做到这一点？

Answer 1

这是他们在您引用的网站上使用的内容。

具体来说，他们使用'position:fixed;将其保留到位并z-index: 20;将其保持在最佳状态。

#header {
  background: url("../images/header.png") repeat-x scroll 0 top transparent;
  position: fixed;
  width: 100%;
  z-index: 20;
  height: 116px;
  top: 0;
  margin: 0;
  padding: 0;
}

这应该让你开始。

Answer 2

不需要javascript。只需使用此css：

#idOfTheBanner { position:fixed;top:0px;}