Run скрипт, если размер экрана меньше 1024px

Question

Я бегу сценарий на моей странице, что делает div id="homesplash" исчезают, когда пользователь прокручивает за пределы 600px следующим образом:

 
$(window).scroll(function() { 

    if ($(this).scrollTop()>600) 
    { 
     $('#homesplash').hide(); 
    } 
    else 
    { 
     $('#homesplash').show(); 
    } 
}); 

Мне нужно, чтобы выяснить, как запустить этот скрипт, только если ширина браузера больше 1024px. Есть идеи?
Я пытался реализовать некоторый код из связанного сообщения, которое я нашел здесь, но я не могу заставить его работать, поскольку я не знаком с написанием javascript.
Спасибо.

Answer 1

Вы можете проверить $(window).width() и сравнить его с 1024. Что-то вроде:

$(window).scroll(function() { 
    if ($(this).width() > 1024) { 
     $("#homesplash").toggle($(this).scrollTop() <= 600); 
    } 
}); 

Answer 2

Работа с текущим кодом, вы могли бы использовать $(window).width(), чтобы получить ширину:

$(window).scroll(function() { 

    var windowWidth = $(window).width(); 

    if (windowWidth > 1024) { 
    if ($(this).scrollTop() > 600) { 
     $('#homesplash').hide(); 
    } 
    else { 
     $('#homesplash').show(); 
    } 
    } 

});