CSSを使ってヘッダー、フッターを固定する方法は以下

header{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
}

footer{
position: fixed;
bottom: 0;
width: 100%;
}