我们的移动 Web 应用程序具有粘性底部导航，就像您在 iOS 应用程序中经常看到的那样，并且在 Safari 10.3 发布后仅横向可以将粘性导航（页脚）滚动到屏幕之外。尽管它是position: fixed并设置bottom: 0这在旧版 Safari 上也是不可能的。
粘性导航/页脚的样式如下：
footer {
position: fixed;
height: 50px;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 0, 0, 0.7);
}
手机上试用DEMO https://output.jsbin.com/watikow/1
在纵向模式下它始终可见：
在横向模式下，您可以将其滚动到屏幕外以达到顶部地址栏的大小：
有人遇到过这样的问题吗？我将不胜感激任何帮助使页脚留在屏幕上。谢谢
你对此无能为力。 Safari 的横向模式使包含内容的容器脱离屏幕。这是无法检测到的，因此无法解决。我试图说明发生了什么：
蓝色栏 = Safari 的导航栏
黄色条=您应用程序的导航栏
Safari 并没有缩小容器的高度，而是让它离开屏幕。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
