Как сделать появление и исчезновение элементов при скроле Jquery?

jQuery(function(f){
    var element = f('#logocenter');
    f(window).scroll(function(){
        element['fade'+ (f(this).scrollTop() < 100 ? 'In': 'Out')](300);           
    });
});
jQuery(function(d){
    var element = d('#logocenter');
    d(window).scroll(function(){
        element['fade'+ (d(this).scrollTop() > 100 ? 'Out': 'In')](300);           
    });
});

jQuery(function(a){
    var element = a('#nav');
    a(window).scroll(function(){
        element['fade'+ (a(this).scrollTop() > 100 ? 'Out': 'In')](500);           
    });
});


Нашел вот такие участки кода но почему-то некорректно появляется #nav, а потом исчезает.
Да и появление и исчезновение #logocenter хотелось бы в одной функции.

Может кто сталкивался с подобным, или тут нужно другим способом делать?
  • Вопрос задан
  • 1077 просмотров
Решения вопроса 2
Bowen
@Bowen
Японский бог
Теперь остался один вопрос как мне две эти функции совместить в одну, а то она два раза моргает)))


Просто удалите этот кусок кода:
jQuery(function(d){
    var element = d('#logocenter');
    d(window).scroll(function(){
        element['fade'+ (d(this).scrollTop() > 100 ? 'Out': 'In')](300);           
    });
});
Ответ написан
Комментировать
Mixailhr
@Mixailhr Автор вопроса
Нашел ошибочку))) в #nav просто забыл поменять In и Out местами.
jQuery(function(a){
    var element = a('#nav');
    a(window).scroll(function(){
        element['fade'+ (a(this).scrollTop() > 100 ? 'In': 'Out')](500);           
    });
});


Теперь остался один вопрос как мне две эти функции совместить в одну, а то она два раза моргает)))
jQuery(function(f){
    var element = f('#logocenter');
    f(window).scroll(function(){
        element['fade'+ (f(this).scrollTop() < 100 ? 'In': 'Out')](300);           
    });
});
jQuery(function(d){
    var element = d('#logocenter');
    d(window).scroll(function(){
        element['fade'+ (d(this).scrollTop() > 100 ? 'Out': 'In')](300);           
    });
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Ramazanches
$(window).scroll( () => {
let windowTop = $(window).scrollTop();
windowTop > 100 ? $('#logocenter').fadeIn(300) : $('#logocenter').fadeOut(300);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
06 нояб. 2024, в 03:35
5000 руб./за проект
06 нояб. 2024, в 00:20
1000 руб./за проект
06 нояб. 2024, в 00:03
40000 руб./за проект