jQuery 設置 css 屬性滯后於淡入淡出

Question

我寫了一個簡單的 JQuery 代碼，但每次當我點擊“吃”時，動畫都有滯后。 有沒有機會預加載這個動畫？

#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 來應用和刪除該類。

此外，就像史蒂文建議的那樣，嘗試增加淡入值。