html - 响应位置粘性

Question

我的粘性标题在移动设备上向下滚动时消失，向上滚动时再次出现。但它在其他设备上工作得很好。请帮助这里是我的 HTML 和 CSS。

.top_header {
  padding-top: 15px;
  border-bottom: 1px solid #f4eade;
}

.header{
  overflow: hidden;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 110;
  background-color: #fff;
  padding-left: 5%;
  padding-right: 5%;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;	
  position: -webkit-sticky;    	    
  top: 0px;
  box-shadow: 0px 2px 4.5px 0.5px rgba(0, 0, 0, 0.03);
}

<div class="container-fluid top_header">
<div class="row">
    <!--  -->
</div>
</div>
<div class="header navbar navbar-expand-lg">

</div>

Answer 1

你不能只使用固定位置吗？

.name-element {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}