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是可以的。指向wbsite http://kemizo.pl/en/index的链接我尝试了不同的jQuery脚本和固定宽度到ul和li元素。它只是不起作用。

Answer 1

我认为nav * { transition:all 0.3s; }行238中的样式styles.css会干扰您正在使用的jQuery＆＃39; slideDown()（或任何动画方法）。暂时禁用它以查看动画是否顺利运行。

Answer 2

尝试使用CSS3动画或现有菜单jQuery插件

在slideDown / Up期间jQuery滞后

2 个答案: