こんにちは私はコンテンツのみがスクロールされ、フッターとヘッダーがposition：fixedであるモバイルWebページを構築しています-ヘッダーまたはフッターの下でスクロールしないようにコンテンツを作成して、それ自体でスクロールするようにすることはできますか？ div。
これを実行したい理由は、ヘッダーとフッターに不透明度があり、コンテンツが下にスクロールされた場合、見栄えが悪くなるためです。
これが私が作ったjsfiddleで、巻物の例を示しています。
質問する
17084 次
1 に答える
6
はい、どうぞ：
position: absoluteスクロール部分（ラッパーとscroll-content ）を削除しpadding、最初と最後のアイテムがヘッダーとフッターの下にないようにするために、ラッパーにいくつか追加しました。
基本的に、このトリックはposition: fixed ヘッダーとフッターのみを使用して行われ、特定の固定高さの要素を使用せずに、ページの残りの部分を通常のページとしてスクロールさせます。overflow: autoこのようにすると、唯一の問題は、コンテンツの最初の行が常に固定位置のヘッダーの下にあることです（最後の行はフッターの下にあります）が、コンテンツラッパーにパディングを適用することでこれを修正できます。ヘッダー（およびフッター）の高さ。了解しました？
于 2012-06-05T07:41:43.293 に答える