文章詳情頁

css3 - 頁面布局問題

瀏覽：107日期：2023-07-07 16:05:08

問題描述

在手機APP端如何設置頭和尾不變，當滑動中間的內容時頭和尾不會隨著滑動

問題解答

回答1：

position:fixed;

回答2：

除了position:fixed，不要忘了給body添加padding-top和padding-bottom來去除因為fixed產生的內容不正常顯示問題

回答3：

position:stickysticky polyfill: https://github.com/wilddeer/s...

回答4：

用position:fixed解決，然后body要添加padding-top，padding-bottom樣式，不然的話中間內容部分會有一部分被頭部尾部蓋住。

回答5：

position:fixed可以解決問題，但是安卓下會出現bug，完美的解決方案應該是避開fixed

<!DOCTYPE html><html><head> <title>布局</title> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <meta name='viewport' content='initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' /> <style type='text/css'>*{margin:0;padding:0;font-size: 2vw;color: #fff;}.top{ height: 50px; background: #f00; position: relative;}.mean{ height: auto; background: #095fb6; position: absolute; top: 50px; bottom:50px; left: 0; right: 0; overflow-x: hidden; overflow-y: auto;}.bottom{ height: 50px; background: #ccc; position: absolute; bottom: 0px; left: 0px; right: 0px;} </style></head><body> 我是文字 0000 我是文字</body></html>回答6：

大家說的都很好完美來學習的哈哈

CSS

上一條：web - css3 @keyframes用一次后面的任何樣式就解析不了了.下一條：css3 - selected添加 border???

相關文章：

1. javascript - npm下載的模塊不完整是什么問題？2. java - Spring事務回滾問題3. 正兒八經地請教天蓬老師4. mysql優化 - 關于mysql分區5. node.js - 我想讓最后進入數據庫的數據，在前臺最先展示，如何做到？6. MySQL數據庫服務器循環插入執行速度慢7. 求解改變某值8. python 操作mysql如何經量防止自己的程序在之后被惡意注入（說白了就是問一下python防注入的一些要點）9. django進行數據庫的查詢10. 剛放到服務器的項目出現這中錯誤，有高手指點嗎

排行榜

					
					javascript - npm下載的模塊不完整是什么問題？
java - Spring事務回滾問題
python 操作mysql如何經量防止自己的程序在之后被惡意注入（說白了就是問一下python防注入的一些要點）
java - CompletableFuture allof 超時處理
rxjava -  推薦一個Android的組件之間的通信庫
javascript - nodejs實現異步時遇到的一個問題
剛放到服務器的項目出現這中錯誤，有高手指點嗎
javascript - 編程，算法的問題
mysql - 面試題：如何把login_log表轉換成last_login表？
git - webstorm窗口中左側列表的文件名顏色怎么修改
MySQL數據庫服務器循環插入執行速度慢
				

熱門標簽

亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

css3 - 頁面布局問題