如果屏幕尺寸小于 1024 像素，则运行脚本答案

【问题标题】：Run script if screen size is less than 1024px如果屏幕尺寸小于 1024 像素，则运行脚本
【发布时间】：2015-03-16 22:24:04
【问题描述】：

我正在我的页面上运行一个脚本，当用户滚动到600px 之外时，div id="homesplash" 会消失，如下所示：

$(窗口).scroll(函数() { if ($(this).scrollTop()>600) { $('#homesplash').hide(); } 别的 { $('#homesplash').show(); } });

只有在浏览器宽度大于1024px 时，我才需要弄清楚如何运行此脚本。有什么想法吗？
我试图从我在这里找到的相关帖子中实现一些代码，但我无法让它工作，因为我不熟悉编写任何 javascript。
谢谢。

【问题讨论】：

标签： javascript responsive-design conditional-statements

【解决方案1】：

您可以查看$(window).width() 并将其与1024 进行比较。比如：

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

【讨论】：

VisioN，我应该用您建议的脚本替换之前的脚本吗？我在您的脚本中没有看到任何“隐藏”或“显示”功能...
@user820114 是的，您可以改用toggle，它更短：api.jquery.com/toggle。

【解决方案2】：

使用您当前的代码，您可以使用$(window).width() 来获取宽度：

$(window).scroll(function() {

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

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

 });

【讨论】：

美丽 - 完美运行，chrx。非常感谢！