将jQuery UI动画应用于添加/删除类

我正在尝试创建一个“粘性标题”-即一旦你滚动超过X数量，标题将变为固定

要使其正常工作，请参见JSFIDLE：

不过，我想添加一点动画，使其更平滑。我使用的是jQueryUI，但是我没有得到适当的平滑“swing”动画，它仍然只是快速到位

$(window).on('scroll', function() {
    // Creates sticky header 
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 290;
    if(y_scroll_pos >= scroll_pos_test) {
        $("#home-table .head").addClass("sticky-header", 800, "swing" );
    }else if(y_scroll_pos < 290){
        $("#home-table .head").removeClass("sticky-header", 800, "swing" );
    }
});

$（窗口）.on（'scroll'，function（）{
//创建粘性标题
变量y_scroll_pos=window.pageYOffset；
var滚动位置测试=290；
如果（y滚动位置>=滚动位置测试）{
$（“#home table.head”）.addClass（“sticky header”，800，“swing”）；
}否则如果（y_滚动_位置<290）{
$（“#home table.head”）.removeClass（“sticky header”，800，“swing”）；
}
});

您可以尝试使用CSS3转换。这可能会有帮助：@Rorymcrossan文档组说：“将指定的类添加到每个匹配的元素集中，同时设置所有样式更改的动画。”@Francesca抱歉，我会闭嘴。我不知道jQueryUI是这么做的：D@ReLeaf这是我最初的计划，但是我需要将转换添加到

.head

类中，因为它需要添加到现有类中。我无法让它与我新添加的

类一起工作。sticky header

jQueryUI没有在您的小提琴上工作