应用jQuery UI缓动动画来添加/ removeClass

Question

我正在尝试创建一个“粘性标题” - 即一旦滚动超过X量，标题就会固定。

有了这个工作，请参阅JSFiddle：http://jsfiddle.net/8vjo8t6p/1/

但是我想添加一些动画以使其更流畅。我正在使用jQuery UI但是我没有得到适当的平滑“摇摆”动画，它仍然只是攫取到位。

$(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" );
    }
});