实现手机 App 那种 navbar+内容区域,内容区域如果内容超出自动滚动,navbar 固定,各位都如何实现的。 给内容区域设置了 overflow-y 自动,如果没设置一个固定高度,不生效。就用 js 获取界面除了 navbar 之外的高度,这样做行嘛?
![]() | 1 xiangyuecn 2024-08-18 23:36:40 +08:00 我想着手机上也没有 IE6 要你去兼容啊,垂直的 flex 布局不就是几行代码的事,最外层 100vh |
2 defaw 2024-08-19 08:12:45 +08:00 纵置 flex ,navbar 设置 flex 权重,内容区会自动填满剩下的空间 |
![]() | 3 june4 2024-08-19 09:12:45 +08:00 最佳方案是 position: sticky |
4 luwang 2024-08-19 23:17:49 +08:00 via Android https://myblog.wallleap.cn/#/ 我用的 position fixed ,基本能正常显示,也会随着浏览器工具栏显示隐藏调位置 |