jQuery set css属性滞后于fadeIn

Question

我写了一个简单的JQuery代码，但每次当我点击'eat'时动画都有滞后。有没有机会预加载这个动画？

#custom_menu是一个固定位置的整页部分（类似于弹出窗口）

$('.eat').click(function(){
    $('#menu').css('opacity', '0');
    $('#custom_menu').css("display", "block").hide().fadeIn(500)
    $('#custom_menu').css("overflow-y", "scroll");
    $('body').css("overflow-y", 'hidden');
});

Answer 1

为什么使用jquery来应用css属性。只需编写自定义css类，将所有内容放在那里并使用jquery来applay并删除该类。

另外，像史蒂文建议的那样，尝试增加fadeIn值。