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

Question

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

$(窗口).scroll(函数() {

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

只有当浏览器宽度大于1024px. 有任何想法吗？
我试图从我在这里找到的相关帖子中实现一些代码，但我无法让它工作，因为我不熟悉编写任何 javascript。
谢谢。

Answer 1

You can check $(window).width() and compare it to 1024. Something like:

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

Answer 2

Working with your current code, you could use $(window).width() to get the width:

$(window).scroll(function() {

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

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

 });