根據屏幕尺寸運行jquery代碼

只有當用戶的屏幕尺寸高於手機或平板電腦設備的屏幕尺寸時（例如724像素），我才需要運行以下代碼。在較小的屏幕設備上，div id＃mobile-logo-scroll應該設置爲全部顯示。根據屏幕尺寸運行jquery代碼

<script type="text/javascript"> 

    (function mobileFader($) { 
     $(document).ready(function(){ 

    $(window).scroll(function(){ 
     if ($(this).scrollTop() > 200) { 
      $('#mobile-logo-scroll').slideDown(500); 
     } else { 
      $('#mobile-logo-scroll').slideUp(500); 
     } 
    }); 
}); 
    })(jQuery); 
    </script>

我不精通使用jQuery，並試圖嵌套這裏面的其他條件語句，但沒有運氣。

根據屏幕大小有條件地運行代碼的最佳方式是什麼？

來源

2017-02-17 Andrew Abbott

檢查窗口的大小，你的'scroll'處理程序中，並讓代碼只運行如果窗口是你想要的大小。當然，每次用戶滾動時它都會運行，但檢查窗口大小並不會花太多時間。 –

我不知道寬度（）？ http://api.jquery.com/width/ – qwertzman

也許你可以嘗試使用窗口對象及其屬性？

我已經看到window.innerWidth和window.innerHeight在控制檯中，也許你可以試試嗎？

我不知道這樣做，但這種東西，雜交應該做的工作是什麼你到底想：

if(window.innerHeight>724){ 
    /*do stuff*/ 
}

來源

2017-02-17 22:28:07 Vivick

謝謝，我以類似的方式使用了'document.documentElement.clientWidth'。 –

根據屏幕尺寸運行jquery代碼

回答

相關問題