Как сделать «передвижную» шапку для сайта?

Question

[Silverweather]

При прокрутке сайта шапка должна двигаться.

Comments

[Алексей Ярков]

При прокрутке сайта шапка должна двигаться

Куда двигаться?

[Silverweather]

Двигаться в соответствии с прокруткой. Иначе говоря, при прокручивании вниз, шапка НЕ должна оставаться внизу, а оставаться в поле видимости.

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/upowtpgt/

<div class="container">
  <div class="header">Йа шапко</div>
  Йа контент супер мега сайта
</div>

.container {
  height: 10000px;
  background-color: #ffff00;
  padding-top: 110px;
}

.header {
  height: 100px;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ff0000;
}

Answer 2

[AlexFlip]

position: fixed;