javascript - jQuery 在 slideDown/Up 期间滞后

Question

一开始我会说我已经阅读了很多关于它的教程和文章，但没有任何东西可以解决我的问题。响应菜单在向下或向上滑动时滞后。这是第一次发生这种情况，一直以来一切都顺利进行。

这里是 jQuery 代码:

if ($(window).width() <= 820) {
    $('nav ul').addClass('mobile');
} else {
    $('nav ul').removeClass('mobile');
}
var hiddenContent = $( ".mobile" );
$( ".responsive" ).click(
    function( event ){
        event.preventDefault();
        if (hiddenContent.is( ":visible" )){
            hiddenContent.slideUp('fast');

        } else {
            hiddenContent.slideDown('fast');
        }
    }
);

我相信 jQuery 没问题。网站链接 http://kemizo.pl/en/index我已经尝试了不同的 jQuery 脚本和固定宽度的 ul 和 li 元素。它只是行不通。

Answer 1

我认为你的风格 nav * { transition:all 0.3s; styles.css 的 238 行中的 会干扰您正在使用的 jQuery 的 slideDown()(或任何动画方法)。暂时禁用它以查看动画是否流畅运行。