CSS定位的问题上仅限移动

Question

我有在移动Safari和Chrome意想不到的问题，我不能在桌面上复制。我修改资产净值固定在顶部，但发现当我向下滚动页脚隐藏在移动浏览器的导航。

我录一个例子向你展示我的意思：

什么是预期和桌面浏览器作品（下NAV页脚幻灯片）：https://drive.google.com/open?id=1bmUMsfEpauuXx2Jhyf7l2YQrORj6E__z

在移动Safari和Chrome在iPhone上（在导航的顶页脚幻灯片）会发生什么：https://drive.google.com/open?id=1-ri1DqmWPY8hrUP4LaUr-aGpnfH3eVhC

网站可以在这里找到：http://michaelespinosa.com/projects/eskimo/index.html

下面是导航的CSS：

  #eskimo-sidebar {
    position: fixed;
    top: 0;
    left: auto;
    right: auto;
    width: 100%;
    height: 200px;
    margin-bottom: 60px;
    z-index: 99;
  }

这里是页脚的CSS：

  #eskimo-sidebar {
    position: relative;
    background-color: red;
  }

我觉得我必须失去了一些东西明显。欣赏提前帮助。

Answer 1

你的网站有很多的问题，尤其是在移动。关于你提到的问题是什么，尽量z-index: 10（或100）设置为与eskimo-sidebar ID的元素。