Создать скользящую за страницей шапку страницы.

[toolive]

Всем привет. Очень не хватает опытных знакомых фронтенд разработчиков.
Подскажите пожалуйста как создают скользящие вниз за страницей заголовки страниц на подобие этой:
http://www.google.com/design/spec/ma...oduction.html#

[toolive]

хтмл:

<h1 class="shapka shadow">0</h1>

цсс:

.shapka { 
width: 100%;
position: fixed;
top: 0;
background-color: #4CAF50;
z-index:2;
}
.shadow {
box-shadow: 0 1px 5px 1px hsla(0,100%,0%, 0.5);	
transition: all 0.3s .1s;
}
.shadow:hover {
box-shadow: 0 1px 10px 1px hsla(0,100%,0%, 0.5);
}
.pad {
	padding-top: 70px;
	padding-left: 105px;
}
h1 {
padding: 13px;
margin:0;
color:white;
}