iOS Safari位置：固定根本不起作用

-1

位置：固定不适用于移动Safari浏览器。我已经尝试了两种设备，iPhone7和5s以及最新的Safari版本。我正在失去理智。没有互联网技巧，我已经找到可以帮助我。我发现一个网站，我的iPhone实际上向我展示了固定导航栏。但是当我将该网站的源代码复制到我的代码中时，我的iPhone拒绝将导航栏显示为固定元素。iOS Safari位置：固定根本不起作用

.fixed { 
    position:fixed; 
    width:100%; 
    z-index:1; 
    top: 0; 
    overflow: hidden; 
}

而且，这些设备不支持任何形式的滚动检测，既不window.pageYOffset也不window.parent.pageYOffset也不document.documentElement.scrollTop。全部显示0. 请帮帮我。我无法忍受这样下去

来源

2017-07-06 Leonid Gordun

你可以告诉我们完整的网站，如果可能的话？ –

您是否在谈论我的iPhone显示位置的网站：是否正确修复？如果是这样，这里是链接https://www.w3schools.com/w3css/tryw3css_templates_apartment_rental.htm –

不，它显示不正确 –

尝试添加以下CSS

nav{ 
    -ms-transform: translate3d(0,0,0); 
    -webkit-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
}

如果不行，试试这个，而不是

nav{ 
    -ms-transform: translateZ(0); 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0); 
}

请让我知道这是否有助于

来源

2017-07-06 23:32:46

不，不幸的是，在这种情况下无效，两种变体 –

的发生问题position:fixed是因为我的代码是在Codepen中运行的。一切工作正常

来源

2017-07-15 01:37:04

iOS Safari位置：固定根本不起作用

回答

相关问题