fixed.html

<style>
header, footer, main {
    display: block;
}

header {
    position: fixed;
    height: 50px;
    left: 0;
    right: 0;
    top: 0;
  background: #ccc;
}

footer {
    position: fixed;
    height: 34px;
    left: 0;
    right: 0;
    bottom: 0;
  background: #ccc;
}

main {
    margin-top: 50px;
    margin-bottom: 34px;
    height: 2000px
}  
</style>
<header></header>
<main>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
    1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
    1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
    1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
    1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>
  1<br/>1<br/>
</main>
<footer>
  <input type="text"/>
  <button>Submit</button>
</footer>