Как выполнить какой-то фрагмент кода jquery только тогда, когда область просмотра выше 1000 пикселей в WordPress

Question

Мне нужно выполнить некоторый код jquery здесь, когда область просмотра выше 1000 пикселей и выше, но я не могу заставить его работать. Пожалуйста, кто-нибудь, скажите мне, что я делаю неправильно.

jQuery(document).ready(function($) {
  $(window).on('scroll', function() {
    var y = $(window).scrollTop();
    var width = $(window).innerWidth();

    if (window.location.pathname == '/') {
      if ($(window).innerWidth() > 1000 && y > 0) {
        $('#top').fadeIn();
        $('#header-space').fadeIn();
      } else {
        $('#top').fadeOut();
        $('#header-space').fadeOut();
      }
    } else {}
  });
});

Answer 1

Попробуйте это, это работает для меня ..

if($(window).width() > 1000){
  	$('#top').fadeIn();
    $('#header-space').fadeIn();
}
else{
    $('#top').fadeOut();
    $('#header-space').fadeOut();
}

Answer 2

Вам действительно не нужно $ (window) .innerWidth (), вы можете использовать для него обычный js.

window.innerWidth

Если вы используете Jquery, он использует

$( window ).width();

https://api.jquery.com/width/

jQuery(document).ready(function($) {
  $(window).on('scroll', function() {
    var y = $(window).scrollTop();
    var width = $(window).width();

    if (window.location.pathname == '/') {
      if (width > 1000 && y > 0) {
        $('#top').fadeIn();
        $('#header-space').fadeIn();
      } else {
        $('#top').fadeOut();
        $('#header-space').fadeOut();
      }
    }
  });
});