javascript - 如果屏幕尺寸小于 1024px 则运行脚本

Question

我在我的页面上运行一个脚本，当用户滚动超过 600px 时，该脚本使 div id="homesplash" 消失，如下所示:

$(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 );
    }
});