htmlページヘッダ、テール固定中間ドラッグ可能効果
1063 ワード
会社のプロジェクトはこのような効果を要求して、資料を調べてY_に基づいてmmmmmmmのブログは自分が必要とするように変更され、すでに実現しています.
Htmlテンプレート:
参考ブログ:http://blog.csdn.net/y_mmmmmmm/article/details/51233813
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