我正在开发一个具有粘性底部导航的Web应用程序。
Safari的横向模式使底部导航的容器不在屏幕上。
基本上,这发生在网址栏出现时向上滚动。
我正在Iphone 8,Iphone 8 Plus和Iphone X上对此进行测试
我们尝试同时使用固定位置和粘性位置,但是我们都遇到了相同的问题。
.bottom-nav {
display: block;
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
z-index: 6;
}
我发现了一些存在类似问题的帖子,但没有找到真正的解决方案
有人遇到这样的问题吗? 是否可以仅使用CSS来解决此问题?
我希望能有任何帮助使底部导航停留在屏幕上。
谢谢