Как запустить код jQuery для устройств с областью просмотра менее 1000 пикселей и только на домашней странице

Question

У меня есть следующий jQuery код, который мне нужно запустить только на домашней странице, а также для устройств с областью просмотра менее 1000 пикселей. Я пытался с утверждениями if, но я продолжаю разрушать код. Я застрял с этого момента. Вот код, который у меня есть:

jQuery(document).ready(function($){ 
 $(window).on('scroll', function(){ 
  var y = $(window).scrollTop();
   if( y > 0 ){ 
   $('#top').fadeIn(); 
   $('#header-space').fadeIn(); } 
 else { 
   $('#top').fadeOut(); 
   $('#header-space').fadeOut(); } 
 }); 
 });

Answer 1

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

jQuery(document).ready(function($) {
    $(window).on('scroll resize', function() { // fired on scroll or resize
        var ww = $(window).width(); // get window width
        var y = $(window).scrollTop();
        if( ww < 1000 && $('body').hasClass('home') ){
            if(y > 0) {
                $('#top').fadeIn();
                $('#header-space').fadeIn();
            } else {
                $('#top').fadeOut();
                $('#header-space').fadeOut();
            }
        }

    });
});