V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 618 days ago, the information mentioned may be changed or developed.
实现手机 App 那种 navbar+内容区域，内容区域如果内容超出自动滚动，navbar 固定，各位都如何实现的。 给内容区域设置了 overflow-y 自动，如果没设置一个固定高度，不生效。就用 js 获取界面除了 navbar 之外的高度，这样做行嘛？
 |
1
xiangyuecn Aug 18, 2024
我想着手机上也没有 IE6 要你去兼容啊😂，垂直的 flex 布局不就是几行代码的事，最外层 100vh
|
 |
2
defaw Aug 19, 2024
纵置 flex ，navbar 设置 flex 权重，内容区会自动填满剩下的空间
|
 |
3
june4 Aug 19, 2024
最佳方案是 position: sticky
|
 |
4
luwang Aug 19, 2024 via Android
https://myblog.wallleap.cn/#/
我用的 position fixed ，基本能正常显示，也会随着浏览器工具栏显示隐藏调位置 |
Select Language