Jquery 效果在固定菜单上延迟

Question

首先你好。我开始前端一个月，所以我是初学者。我想在滚动向下时制作固定菜单。我做。但如果我上升，效果会延迟 3 秒和 4 秒。我看不出问题所在。感谢您的帮助:)。

Html code: 

<div id="header">
  <div id="navbar">
    <div id="logo">
      <a href="anasayfa.html"><img src="resimler/3.png" /></a>
    </div>

    <div id="menu1">
      <ul>
        <li class="onecıkar"> <a href="kisiselilan.html"> Kisisel İlan Ver </a> </li>
        <li class="onecıkar"> <a href="firmakaydet.html"> Firma Kaydet </a> </li>
        <li class="ozel"> <a href="kurumsalilanver.html"> Kurumsal İlan Ver </a> </li>
        <li class="ozel" id="menu2"> <a href="iletisim.html"> İletisim </a> </li>
      </ul>
    </div>

  </div>

  <div id="menubar"><img src="resimler/menu46.png" /> </div>

  <div id="kayıt">
    <form class="kadi">
      <p class="yazı"> Kullanıcı Adı <span> : </span> </p>
      <input type="text" name="Kullanici_Id" class="kkadi" />
      <br>
      <br>

      <p class="yazı" id="sifre"> Sifre <span>: </span> </p>
      <input type="password" class="kkadi" name="Password" />

      <br>

      <p id="pass"><a href="#"> Sifremi Unuttum </a></p>
      <br>

      <input class="altbtn" id="giris" type="submit" value="Giriş" />
      <input class="altbtn" id="kayıtol" type="submit" value="Kayıt Ol" />

    </form>
  </div>

</div>

CSS 和 Jquery 在这里:

https://jsfiddle.net/carnvall/7yfg784c/2/

Answer 1

您可以做的是使用 css 固定整个菜单: 试试这个:

`div#navbar {
  margin-left: 100px;
  position:fixed;
  top:0;
  left: 0;
}

`