htmlページヘッダ、テール固定中間ドラッグ可能効果

会社のプロジェクトはこのような効果を要求して、資料を調べてY_に基づいてmmmmmmmのブログは自分が必要とするように変更され、すでに実現しています.
Htmlテンプレート:

CSS样式：

.header {
	position: absolute;
	top: 0px;
	height: auto; /*      ，          ，                   */
	width: 100%; /*     ，           div*/
}


.middle_outer {
	position: absolute !important;
	position: relative;
	top: 66px !important; /*header     */
	top: 0;
	bottom: 55px; /*footer     */
	width: 100%;
	overflow: hidden; /*  div   ，    div  ，     */
	height: auto !important;
	height: 100%;
}


.middle_inner {
	height: 100%;
	overflow-y: auto; /*      ，       */
}


.footer {
	position: absolute;
	bottom: 0px;
	height: auto; /*      ，          ，                   */
	width: 100%; /*     ，           div*/
}

参考ブログ:http://blog.csdn.net/y_mmmmmmm/article/details/51233813