利用CSS做出上下局部固動的效果

類似此網站效果，無論捲軸如何滾動，上下都不動
http://www.fyneworks.com/jquery/multiple-file-upload/

只需上下用DIV包起來套用以下CSS即可

<div id="head" class="Clear">

   此區塊放上方要成現之內容

</div>

#head {

    height: 50px;

    left: 0;

    line-height: 1em;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9999;

    background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(0, 0, 0, 0.1);

}

<div id="foot" class="Clear">

   此區塊放下方要成現之內容

</div>

#foot {

    bottom: 0;

    height: 80px;

    left: 0;

    position: fixed;

    width: 100%;

    z-index: 9999;

    background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-style: solid;

    border-width: 2px 0 0;

}