Javascript 在jQuery中使用addClass添加动画

当类

home search fixed

被添加或删除到时，我试图在下面的jQuery代码中添加动画效果，以便div

home search box

可以在其中设置动画

$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 180) {
    $("#menu-item-504").click(function (evt) {
        $(".home-search-box")
        .addClass("home-search-fixed");
         evt.preventDefault();
    });
    } else {
 $(".home-search-box")
        $(".home-search-box")
        .removeClass("home-search-fixed");

 }

---

我不确定，你所期望的是可能的。因为您正在寻找从初始到固定的动画定位div。我只是通过css

transition

尝试了一些东西来实现您想要的。看看下面的代码片段

$（“#菜单项-504”）。单击（函数（）{
$（“.home search box”）.addClass（“home search fixed”）；
});
正文{
高度：3000px；
}
#菜单项-504{
高度：20px；
}
.主页搜索框{
背景：红色；
过渡：一切都很轻松；
高度：50px；
位置：初始；
顶部：30px；
}
.somediv.家庭搜索修复{
位置：固定；
顶部：100px；
高度：200px！重要；
背景：绿色；
}


这里有一些内容
显示一些html或共享fiddler来演示您的问题！我不明白问题在哪里，代码似乎很好。我想在上面的代码中添加一个动画效果，以便在点击
#菜单项-504
时
。主页搜索框会显示一个动画效果，而不仅仅是显示。您希望搜索框顶部粘贴什么样的动画？无法理解你在寻找什么！你一定要分享一些相关的html或fiddler。否则很难得到你的期望。是的，这就是我想要的。谢谢