2014-10-27 1 views
0

На моем сайте у меня есть эффект fadeIn для моего #header с помощью jQuery. Как отключить эффект для оптимизации мобильных устройств? Ниже приведен код, используемый для эффекта.Отключить jQuery fadeIn effect для мобильных

$(window).scroll(function() { 
     if ($(window).scrollTop() > 400) { 
      $("#header").fadeIn(200); 
     } 

     if ($(window).scrollTop() < 399) { 
      $("#header").fadeOut(200); 
     } 

    }); 

ответ

0

Попробуйте с:

// change 320 to required min width 
if ($(window).width() > 320) { 
    // your scroll code here 

} 
+0

Не работает для меня. Возможно, я копирую это неправильно. Можете ли вы закодировать код прокрутки? – TroyMcClure

+0

@TroyMcClure, проверьте [FIDDLE] (http://jsfiddle.net/9zvs6m6p/), хотя я не знаю, как выглядит ваш HTML, как он может помочь. – Danijel

+0

Отлично! Я получил его для работы, увеличив ширину окна до 500. Спасибо @Danijel – TroyMcClure