Question

您好我正在使用http://leafo.net/sticky-kit/插件将导航栏粘贴到窗口顶部。它可以工作，但奇怪的是不是第一次。一旦我再次向上和向下滚动它就完美了。有很多代码和粘性套件代码基本上告诉插件哪个元素坚持他的父母所以我没有在这里包括任何。有没有其他人遇到过这个问题。我在www.test.mrjinxy.com上有一个测试域。我将不胜感激任何帮助。谢谢

Answer 1

我无法分辨你在调用stick_in_parent（）函数的哪个元素，但是我遇到了同样的问题，“sticky”元素在第一个卷轴上消失但在滚动后再工作。

我的问题最终是我需要清除我的父div。父div没有高度，因为它只包含浮动元素。在父div上使用clearfix后，滚动问题就消失了。我使用了本文中的方法：http://www.quirksmode.org/css/clearing.html

以下是我必须做的一个例子：

旧代码：

<style>
  #sticky {
    float: left;
  }    
</style>

<div id="container">
  <div id="sticky">
  </div>
</div>

修订代码：

<style>
  #container {
    /* Clearfix */
    overflow: hidden;
    width: 100%;
  }

  #sticky {
    float: left;
  }    
</style>

<div id="container">
  <div id="sticky">
  </div>
</div>

Sticky-Kit在第一次滚动时不起作用

1 个答案: