【问题标题】:One Page Sticky Navigation not working on Google Chrome一页粘性导航在谷歌浏览器上不起作用
【发布时间】:2016-03-18 10:10:03
【问题描述】:

我在 Google Chrome 上的粘性导航遇到了一个奇怪的问题!看看this site 先使用 Firefox,然后再使用 Chrome。请参阅粘滞菜单上的尊重

它在 Mozilla Firefox 上完美运行。但是当我使用谷歌浏览器访问该网站时,粘性菜单开始出现问题!我不知道为什么会这样。谁能给我一个解决方案??

这是Chrome上的问题截图

这里是Live URL

【问题讨论】:

  • z-index:20 to "header-area"
  • 感谢它现在有效! :)
  • 我还建议将您的标题编辑为“固定”而不是“粘性”

标签: jquery css google-chrome cross-browser sticky


【解决方案1】:

试试

.is-sticky {
    z-index: 99999;
    position: fixed;
}

这会解决你的问题

【讨论】:

    【解决方案2】:

    问题已解决

    问题出在我的导航区域。我在导航元素上提供了z-index: 9999,但我必须将其提供给 Header-Area DIV。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-12-07
      • 2015-06-16
      • 1970-01-01
      • 2012-12-27
      • 2013-10-09
      • 1970-01-01
      • 2017-06-29
      • 1970-01-01
      相关资源
      最近更新 更多