2015-06-11 34 views
0

一開始我會說我已經閱讀了一堆關於它的教程和文章,沒有任何東西可以解決我的問題。響應式菜單在向下或向上滑動時滯後。這是第一次發生的時候,所有的事情都一帆風順。jQuery在slideDown期間滯後/ Up

這裏的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元素。它只是不起作用。

+0

其實我沒有遇到任何滯後於提供的網站。 –

+0

@AndreasNiedermair,當你的視口小於820px時,檢查響應菜單。你使用jQuery插件來創建這個響應式菜單嗎? – odedta

+0

是的,我知道顯然我正在檢查小視口上的響應式菜單。這不是一個插件。只是一個簡單的腳本。但到目前爲止,我一直在使用它,沒有任何問題。這是它第一次滯後。 –

回答

0

嘗試使用CSS3動畫,或現有的菜單的jQuery插件

+1

這並不是真正的答案:/ – odedta

+0

他不能評論他目前的聲望,所以我希望你明白了。 –

1

我覺得你的風格nav * { transition:all 0.3s; }符合238styles.css與jQuery的slideDown()(或任何動畫法)干擾你使用。暫時禁用它以查看動畫是否平穩運行。