html 导航冻结效果

首先，介绍一下案例背景，设置冻结前的效果和代码如下

<div class="page-top"></div>
<div class="status"></div>
<div class="ask-panels">

.page-top {
  width:100%;
  height:46px;
  background:rgba(1,47,99,0.95);
  min-width:950;
  display:block;
}
.ask-panels {
  width:100%;
  height:63px;
  background:#fff;
  overflow:hidden;
  border-top:1px solid #373737;
}

代码和效果如图，我要冻结蓝色的导航栏，首先设置导航栏的定位

.page-top {
  width:100%;
  height:46px;
  background:rgba(1,47,99,0.95);
  min-width:950;
  position:fixed;  /* 设置