我可以根據窗口大小執行JavaScript嗎？

我有一個響應網站，我正在使用JavaScript創建一個粘性邊欄。我可以根據窗口大小執行JavaScript嗎？

當瀏覽器大小小於768px時，我還使用媒體查詢將多列布局更改爲單列布局。

我需要弄清楚如何在單列布局中禁用粘性菜單腳本。從本質上講，我需要像腳本語句的媒體查詢。

這是我使用，使腳本代碼：

<script> 
jQuery('#info').containedStickyScroll({ 
     duration: 0, 
     unstick: false 
    }); 
</script>

有什麼我可以添加到它只是有它觸發如果窗口是768px寬或更寬？

編輯：我正在尋找一個解決方案，如果用戶在飛行中調整窗口的大小，將工作。

來源

2012-04-26 artmem

同樣相關：http://stackoverflow.com/questions/4811238/how-to-serve-up-different-javascript-files-by-browser-width/4811342#4811342 – 2012-04-26 02:33:46

試試這個。

$(function(){ 
    $(window).resize(function(){ 
     if($(this).width() >= 768){ 
      jQuery('#info').containedStickyScroll({ 
       duration: 0, 
       unstick: false 
      }); 
     } 
     }) 
     .resize();//trigger resize on page load 
});

來源

2012-04-26 02:18:14 ShankarSangoli

你需要'> ='不' =='。 – 2012-04-26 02:18:33

@MДΓΓБДLL這是基於頁面加載時的窗口大小;如果用戶在加載頁面後調整頁面大小，有沒有辦法讓它工作？ – artmem 2012-04-26 02:26:16

@MДΓΓБДLL - 我認爲OP只在寬度應該是768時才需要，但是yest'> ='應該更好。 – ShankarSangoli 2012-04-26 15:23:38

試試這個代碼：

var height = $(window).height(); //I'm assuming you mean height, you can try .width() if yo u need it 

if (height < 768) { 
    jQuery('#info').containedStickyScroll({ 
     duration: 0, 
     unstick: false 
    }); 
}

希望有所幫助。

來源

2012-04-26 02:20:24

我可以根據窗口大小執行JavaScript嗎？

回答

相關問題