2015-12-28 2 views
2

Я хочу, чтобы мой div назвал: top будет придерживаться сверху, если я прокручу вниз, но сейчас он не прилипает наверху.Sticky div dont stick at top at scroll

Я использую JQuery с этим кодом:

$(window).scroll(function(){ 
     if ($(this).scrollTop() > 5) { 
      $('#top').addClass('.fixed').FadeIn(200); 
     } else { 
      $('#top').removeClass('.fixed'); 
     } 
    }); 

Кто-то знает, где проблема?

+3

аргументы '.addClass()' не нужен '.' так должно быть' .addClass ('фиксированных') 'вместо' '.addClass – digglemister

+2

('фиксированных'.) Это «fadeIn», а не «FadeIn» –

+1

fadeIn и FadeIn - те же @ DenysSéguret – Salim

ответ

5

Не добавляйте . для имен классов внутри addClass(). Попробуйте это:

$(window).scroll(function() { 
    if ($(this).scrollTop() > 5) { 
    $('#top').addClass('fixed').FadeIn(200); 
    } else { 
    $('#top').removeClass('fixed'); 
    } 
}); 
+1

спасибо. он работает сейчас :) – Salim

+0

Что вы изменили? –

+0

@JackZelig Добавить класс не имеет '.' –

Смежные вопросы