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

1063 ワード

会社のプロジェクトはこのような効果を要求して、資料を調べて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