我创建了一个粘性菜单，它运行良好，但过渡不流畅，我该怎么做？
我对 jquery 的了解非常有限，很抱歉，如果它很简单，我不知道。
我相信它与 .animate() 一起使用，但我不知道如何在我的代码中应用它。
function stick() {
if ($(this).scrollTop() > 140){
$('.header').addClass("sticky");
$('.logo').addClass("sticky");
$('.header-menu').addClass("sticky");
$('.dropdown-content').addClass("sticky");
$('#mobile-clicker').addClass("sticky");
$('.hamburguer-img').addClass("sticky");
$('.active').addClass("sticky");
$('.active-drop').addClass("sticky");
$('#searchform').addClass("sticky");
$('.search-formulario').addClass("sticky");
} else {
$('.header').removeClass("sticky");
$('.logo').removeClass("sticky");
$('.header-menu').removeClass("sticky");
$('.dropdown-content').removeClass("sticky");
$('#mobile-clicker').removeClass("sticky");
$('.hamburguer-img').removeClass("sticky");
$('.active').removeClass("sticky");
$('.active-drop').removeClass("sticky");
$('#searchform').removeClass("sticky");
$('.search-formulario').removeClass("sticky");
}
}
最佳答案
我建议您使用 native javascript 而不是 jquery。 对于动画/过渡，我建议使用 CSS 而不是 javascript。
https://www.w3schools.com/css/css3_transitions.asp https://www.w3schools.com/css/css3_animations.asp
关于jquery - 如何使粘性菜单过渡平滑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42881902/