2014-09-27 130 views
0

我使用此代碼來設置節的高度。JavaScript窗口高度

//Fixed Image Window Height 
       $(window).ready(setSizes); 

       function setSizes() { 
        var containerHeight = $("#about").height(); 
        $("#about").height(containerHeight - 70); 
       } 
       $(window).resize(setSizes); 

我最初

$(window).load(setSize); 

,似乎有矛盾的去上的東西,我相信。我怎麼能寫這句話,當窗口加載時,以及當它被調整大小?

回答

1
$(document).ready(function(){ 
      setSizes(); 
}); 

      function setSizes() { 
       var containerHeight = $("#about").height(); 
       $("#about").height(containerHeight - 70); 
      } 

試試這個!

+0

真棒謝謝你!現在,如果我想設置此部分始終填充窗口高度,即使瀏覽器縮放了,我也會將第一個#about更改爲窗口?它在我刷新時起作用,但取決於我縮放的方式更長或更短。 – user3817083 2014-09-27 03:21:24

+0

我猜$(窗口).resize(setSizes);沒有被正確使用? – user3817083 2014-09-27 03:23:32

+0

感謝您的幫助。我只是在函數上面添加了window.resize,並且它工作正常。 – user3817083 2014-09-27 03:31:02

0

我這樣寫,它似乎工作。不知道這是否是不好的做法,我沒有真正檢查跨瀏覽器,但它的功能。

   $(document).ready(function(){ 
         setSizes(); 
      }); 

      $(window).resize(setSizes); 

      function setSizes() { 
       var containerHeight = $(window).height(); 
       $("#about").height(containerHeight - 70); 
      }