Показать конкретный div с прокруткой в ​​wordpress

Question

Я создал слайдер в нижнем колонтитуле с коротким кодом (в div id #oter), и мне нужно отображать его при загрузке и отображении на onscroll. Теперь у меня есть это плагином:

!function(e){e(document).ready(function(){var n=0;e(window).scroll(function(){var o=e(this).scrollTop();o>n?e("#oter").fadeOut(200):e("#oter").fadeIn(200),n=o})})}(jQuery); 

Могу ли я изменить на: скрытый OnLoad и отображать OnScroll? Вы можете мне помочь? Спасибо!

Answer 1

Я бы спрятал это по умолчанию с помощью CSS, а затем прокрутил, добавив новый класс, который затем отобразил бы его.

$(function() { 
    var footerslider = $("#oter"); 
    $(window).scroll(function() { 
     var scroll = $(window).scrollTop(); 

     if (scroll >= 500) { 
      footerslider.addClass('show'); 
     } else { 
      footerslider.removeClass("show"); 
     } 
    }); 
}); 

UPDATE:

вы получаете сообщение об ошибке консоли ... попробуйте обновить код:

** Пожалуйста, обратите внимание, что вам нужно будет изменить значение внутри, если заявление так что класс добавляется в правой точке прокрутки.

jQuery(function($) { 
    var footerslider = $("#oter"); 
    $(window).scroll(function() { 
     var scroll = $(window).scrollTop(); 

     if (scroll >= 10) { 
      footerslider.addClass('show'); 
     } else { 
      footerslider.removeClass("show"); 
     } 
    }); 
}); 

и добавьте следующий CSS в таблице стилей:

#oter { 
    display:none; 
} 

.show { 
    display:block !important; 
}