css位置相对并滚动时粘到顶部

Question

我有一个图像，其中它被设置为position：relative（由于一些长的解释，我不能改变它）。 是否有可能让这个img始终坚持到顶部：滚动窗口时为0？ 我打算用javascript来实现这一点，但想知道是否有更好的方法。 这是css：

.nav-title-logo {
  background-position: -21px -84px;
  width: 195px;
  height: 83px;
  position: relative;
  z-index: 200;
}

Answer 1

而不是使用position: relative; ，使用position: fixed

Answer 2

您需要保持相对性的原因可能会对您选择解决此问题的方式产生重大影响。

例如，这有效，但我不知道它是否适用于您的情况。 您可能需要更具体：

HTML

<div id="wrap">
    <img src="http://www.w3schools.com/images/w3logotest2.png" />
</div>

CSS

#wrap{
    position:fixed;
    top:0;
}

img{
    position: relative;
}