Javascript 粘性菜单（导航）栏跳跃？

我们正在ICT课上建立一个网站，我在一个网站上发现了一个很酷的代码，可以让你在某个时候修复导航栏。这是整个网站的代码：

$function{ $'a[href*=]：不是[href=]。单击函数{ 如果location.pathname.replace/^\/，==this.pathname.replace/^\/，&&location.hostname==this.hostname{ var target=$this.hash； target=target.length？目标：$'[name='+this.hash.slice1+']； 如果目标是.length{ $'html，body'。设置动画{ scrollTop:target.offset.top }, 1000; 返回false； } } }; var stickyNavTop=$'.nav'.offset.top； var stickyNav=函数{ var scrollTop=$window.scrollTop； 如果scrollTop>stickyNavTop{ $'.nav'.addClass'sticky'； }否则{ $'.nav'.removeClass'sticky'； } }; 粘滞导航； $window.scroll函数{ 粘滞导航； }; }; 身体{ 背景色：FFFFFF； 背景图像：urlimg/background.jpg； 背景重复：重复； } .粘的{ 位置：固定； 宽度：100%； 左：0； 排名：0； z指数：100； 边界顶部：0； } .导航{ 填充：25px0； 职位：-网络工具包粘性； 顶部：-20px； z指数：1； } 年龄

标题

请在下面选择您的英语水平

A1

A2

B1

B2

C1

C2

©；银

---

在变量stickyNavTop正下方的JavaScript中，放置以下内容：

jQuery("nav").wrap('<div class="nav-placeholder"></div>');
jQuery(".nav-placeholder").height(jQuery("nav").outerHeight

---

希望这能解决问题。

适用于chrome和safari@我知道，我没说那没用。我说滚动时有一个奇怪的跳跃。再看一次。它发生在A1区域周围。

.sticky {position: fixed; top: 0;}