fixed 父層、fixed 子層，iphone safari 問題。

上次在寫手機版的 navbar，結構是分上下 fixed，結果滑動 scrollbar 的時候，底下的 fixed navbar 會跟著scroll 浮動亂跳，後來歐文發現原來是我的結構， fixed 的層級問題。

• 以下的結構會照成 iphone fixed section，scroll 跟著滑動的問題:

<div class="navbar">
  <nav>
    <a>link 1</a>
    <a>link 2</a>
    <a>link 3</a>
  </nav>

  <div class="nav-2">
    <a>footer link 1</a>
    <a>footer link 2</a>
    <a>footer link 3</a>
  </div>
</div>

<style>
  .navbar {
    display: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .nav-2 {
    display: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
</style>