Position fixed for old android

From http://kentbrewster.com/android-scroller/scroller.html

by volpeo

HTML

<div class="wrapper">
    <div class="header">
        menu + head + secondary menu
    </div>
    <div class="main">
        
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
        <p> content </p>
    </div>
</div>

CSS

</style>
<!-- access to the HEAD element -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 
<style>
body {
    margin: 0;
}
.header {
    background: black;
    color: white;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 44px;
}
.main {
    margin-top: 44px;
    padding: 10px;
}