滚动到顶部时定位已修复问题

Question

下面是我的HTML结构

@media only screen and (max-width: 767px) {
.search-trigger {
position: relative;
}
._sticky.content-left {
position: fixed;
z-index: 1000;
width: 100%;
top: 0;
background-color: #e9eef2;
}
._sticky .search-trigger {
display: inline-block;
width: 80%;
}
._sticky .search-trigger button {
border-radius: 25px;
height: 45px;
font-size: 20px;
padding-left: 20px;
width: 100%;
font-weight: 100;
color: #c3c2c2;
text-align: left;
background-color: #fff;
}
._sticky .logo {
display: none;
}
._sticky .nav-toggle {
position: relative;
display: inline-block;
left: 0!important;
right: 0!important;
top: 0;
vertical-align: middle;
margin-left: 10px;
}
}
.search-trigger {
display: none;
margin: 20px 0 20px 20px;
}

<div class="page-wrapper" style="display: inline;">
<div class="header-pre-container" style="display: inline;">
<header class="page-header" style="display: inline;">
<div class="header content" style="display: inline;">
<div class="content-left _sticky">
<div class="search-trigger" data-trigger="trigger">
<button><span>Text</span> </button>
</div>
<span data-action="toggle-nav" class="action nav-toggle"><span>Toggle Nav</span></span>
<a class="logo" href="url" title="title">
<img class="logo-desktop" src="http://*.png" alt="Logo" width="225" height="45">
</a>
<div class="sections nav-sections">
Some content
</div>
</div>
</div>
</header>
</div>
</div>

在Chrome浏览器上的一些移动设备上，粘性标头(.content-left(无法正常工作，当我滚动到顶部时，它会消失，但如果我将为元素.header-pre-container使用粘性标头，它会正常工作。那么，这种奇怪行为的原因是什么呢？

在谷歌中找到的解决方案不起作用：没有一个父元素不具有溢出、转换或浮动CSS样式。display:inline-不修复问题-webkit背面可见性：隐藏；-不解决问题-webkit转换：translateZ(0(-不修复问题

Answer 1

._sticky.content-left {
position: sticky;
z-index: 1000;
width: 100%;
top: 0;
background-color: #e9eef2;
}

我不确定这是否工作得很好，如果你给我你的代码，我会修复它。