移动端 web 如何实现 navbar+内容区域？

[MuscleOf2016]

实现手机 App 那种 navbar+内容区域，内容区域如果内容超出自动滚动，navbar 固定，各位都如何实现的。 给内容区域设置了 overflow-y 自动，如果没设置一个固定高度，不生效。就用 js 获取界面除了 navbar 之外的高度，这样做行嘛？

[xiangyuecn]

我想着手机上也没有 IE6 要你去兼容啊😂，垂直的 flex 布局不就是几行代码的事，最外层 100vh

[defaw]

纵置 flex ，navbar 设置 flex 权重，内容区会自动填满剩下的空间

[june4]

最佳方案是 position: sticky

[luwang]

https://myblog.wallleap.cn/#/
我用的 position fixed ，基本能正常显示，也会随着浏览器工具栏显示隐藏调位置