Javascript 卷轴有抖动问题

当向下滚动页面时，粘性菜单被启用，并且有点不稳定。问题是什么以及如何获得平滑动画

var elementPosition=$（'.head_section'）.offset（）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）>elementPosition.top+150）{
$（'头部分'）。淡出（100）；
$（'.sticky menu'）.fadeIn（100）；
}否则{
$（'标题部分'）.fadeIn（100）；
$（'.sticky menu'）。淡出（100）；
}
});
.home{
高度：2000px；
}
.科长{
高度：100px；
宽度：100%；
背景：黑色；
}
.粘性菜单{
显示：无；
位置：固定；
排名：0；
背景：红色；
高度：100px；
右：0；
左：0；
z指数：9999；
过渡：所有0.1秒；
}
在您的示例中，您对动画使用了
jQuery
。因此，您需要从CSS中删除
转换。您只能使用一个jQuery或CSS，但在本例中不能同时使用这两个


var elementPosition=$（'.head_section'）.offset（）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）>elementPosition.top+150）{
$（'头部分'）。淡出（1000）；
$（'.sticky menu'）.fadeIn（1000）；
}否则{
美元("总部").法代因(1000);；
$（“.sticky menu”）.fadeOut（1000）；
}
});
.home{
高度：2000px；
}
.科长{
高度：100px；
宽度：100%；
背景：黑色；
}
.粘性菜单{
显示：无；
位置：固定；
排名：0；
背景：红色；
高度：100px；
右：0；
左：0；
z指数：9999；
}