замените .animate() с fadeIn/fadeOut

Question

im относительно новый для jQuery и имеющий небольшую проблему. ранее я использовал .animate для анимации моего меню, когда прокручиваю вниз, но я должен изменить его на fadeIn и fadeOut. Вот мой код:

if($(this).scrollTop() > 100) { 
bar.stop().animate({'top' : '0px'}, 1250); 
} else { 
bar.stop().animate({'top' : top}, 1250); 
} 

Answer 1

Вам просто нужно позвонить fadeIn/fadeOut на свой элемент

bar.fadeOut('slow'); 

или

bar.fadeIn('slow'); 

Вы также можете прикрепить функцию обратного вызова. Для получения дополнительной информации см:

http://api.jquery.com/fadeIn/

http://api.jquery.com/fadeOut/

Answer 2

if($(this).scrollTop() > 100) { 
    bar.stop().fadeOut(); 
} else { 
    bar.stop().fadeIn(); 
} 

На будущее, пожалуйста, зайдите сюда: http://api.jquery.com/fadeOut/

Люди счастливы, когда вы предоставите ссылки, показывающие, вы сделали какие-то исследования. В любом случае, приветствия.

Answer 3

if($(this).scrollTop() > 100) { 
bar.stop().fadeOut(function() { $(this).animate({'top' : '0px'}, 1250); }, "slow"); 
} else { 
bar.stop().fadeIn(function() { $(this).animate({'top' : '0px'}, 1250); }, "slow"); 
} 

Ваш вопрос неясен. Но вы можете использовать любой код ответа, который вам подходит. А также ссылайтесь на документацию, потому что там есть примеры.