Javascript 当导航固定在滚动条上时，如何防止Chrome闪烁？_Javascript_Jquery_Html_Css_Google Chrome

Javascript 当导航固定在滚动条上时，如何防止Chrome闪烁？

javascript jquery html css google-chrome

Javascript 当导航固定在滚动条上时，如何防止Chrome闪烁？,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,我试图使导航菜单成为固定的滚动这种效果也许在小提琴中得到了最好的说明，因为小提琴比散文更简洁地描述了它： $function{ var secondaryNav=$。辅助导航； var secondaryNavScrollTop=secondaryNav.offset.top； $window.onscroll，函数{ 如果$window.scrollTop>secondaryNavScrollTop{ $body.csspading-top，100px； secondaryNav.AddC

我试图使导航菜单成为固定的滚动

这种效果也许在小提琴中得到了最好的说明，因为小提琴比散文更简洁地描述了它：

$function{ var secondaryNav=$。辅助导航； var secondaryNavScrollTop=secondaryNav.offset.top； $window.onscroll，函数{ 如果$window.scrollTop>secondaryNavScrollTop{ $body.csspading-top，100px； secondaryNav.AddClassStick； }否则{ $body.csspading-top，0px；第二个导航移除类卡滞； } }; }; * { 保证金：0；填充：0； } .大型货车组{ 背景色：红色；填充：150px； } .辅助导航{ 文本对齐：居中；背景色：番茄； } 李{ 显示：内联块；高度：100px； } a{ 位置：相对位置；显示：继承；填充：60px40px； } 主要部分{ 利润率：20px0； } .卡住了{ 位置：固定；排名：0；宽度：100%； z指数：1；不透明度：.9； } 标题波特兰工匠活版饮用醋鼠尾草猪肚。90年代的下一级艺术派对。High Life Pitchfork Mixstape连帽衫照片亭标签病毒式复古不对称苦味香水Cosby毛衣iPhone normcore slow carb。鲜味后讽刺戈达尔·法普，你可能没听说过他们，精丹下一关四级洛科。Locavore牛仔短裤教堂钥匙胡子小批量。喝醋dreamcatcher弹出式班卓格纹独角鲸，连帽衫McSweeney's。Chambray博客Truffaut蓝色瓶瓷砖， squid不对称高级生活教堂钥匙钥匙钥匙现成

标题波特兰工匠活版饮用醋鼠尾草猪肚。90年代的下一级艺术派对。High Life Pitchfork Mixstape连帽衫照片亭标签病毒式复古不对称苦味香水Cosby毛衣iPhone normcore slow carb。鲜味后讽刺戈达尔·法普，你可能没听说过他们，精丹下一关四级洛科。Locavore牛仔短裤教堂钥匙胡子小批量。喝醋dreamcatcher弹出式班卓格纹独角鲸，连帽衫McSweeney's。Chambray博客Truffaut蓝色瓶瓷砖， squid不对称高级生活教堂钥匙钥匙钥匙现成

标题波特兰工匠活版饮用醋鼠尾草猪肚。90年代的下一级艺术派对。High Life Pitchfork Mixstape连帽衫照片亭标签病毒式复古不对称苦味香水Cosby毛衣iPhone normcore slow carb。乌姆我发表讽刺文章戈达尔·法普，你可能没听说过他们，精丹下一关四级洛科。Locavore牛仔短裤教堂钥匙胡子小批量。喝醋dreamcatcher弹出式班卓格纹独角鲸，连帽衫McSweeney's。Chambray博客Truffaut蓝色瓶瓷砖， squid不对称高级生活教堂钥匙钥匙钥匙现成

我在本地试用过，但在Chrome v.37中看不到闪烁

不要同时执行$body.css更改和SecondaryNav.addClass/.removeClass，而是尝试将其作为一个不可分割的操作来执行

只需执行$body.addClassstuck/.removeClass即可

然后更改css以替换

.stuck { ...

与

body.stuck .secondary-navigation { ...