如果屏幕大小小於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 );
    }
});

Answer 2

使用當前代碼，您可以使用$（window）.width（）來獲取寬度：

$(window).scroll(function() {

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

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

 });