Safari Mobile Landscape-屏幕底部滚动显示粘滞底部导航

时间:2018-12-05 15:55:31

标签: html css safari css-position sticky

我正在开发一个具有粘性底部导航的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来解决此问题?

我希望能有任何帮助使底部导航停留在屏幕上。

谢谢

0 个答案:

没有答案