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

Run script if screen size is less than 1024px

本文关键字：运行 脚本 1024px 小于 屏幕 如果      更新时间：2023-09-26

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

<>之前$(窗口).scroll(函数(){如果美元(这).scrollTop ()> 600)｛$ (' # homesplash ') hide ();}其他的｛$ (' # homesplash '),告诉();}}）;之前

我需要弄清楚如何运行这个脚本只有当浏览器的宽度大于1024px。什么好主意吗?
我试着从一个相关的帖子中实现一些代码，但我不能让它工作，因为我不熟悉编写任何javascript。
谢谢。

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

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

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

$(window).scroll(function() {
  var windowWidth = $(window).width();
  if (windowWidth > 1024) {
    if ($(this).scrollTop() > 600) {
      $('#homesplash').hide();
    }
    else {
      $('#homesplash').show();
    }
  }
 });
相关文章：