使用JavaScript使用Drupal

Question

我有一個網站，http://raptorshop.com

目前，我已經設置了CSS來有700像素一個最小高度，但是我想對於每一個頁面自動記錄瀏覽器的大小，相應地調整大小（以便頁腳大約有50-200px，具體取決於瀏覽器大小，但僅此而已）。目前，如果您在小型監視器上瀏覽該網站，則會顯示滾動條，這是我不想要的。

有沒有辦法在Drupal中做到這一點？我知道如何爲單個頁面執行此操作，但我希望每個頁面都能執行這種自動檢查/調整大小。

Answer 1

你可以很容易地檢查與jQuery窗口高度，然後根據需要更改CSS。
舉例：

$(document).ready(function(){ 
    if ($(window).height() < 700) 
    { 
    // this window is smaller than 700px 
    } 
    else 
    { 
    // this window is bigger than 700px 
    } 
}); 

Answer 2

您將不得不編輯一些模板文件，例如網站頁眉和頁腳的模板文件。在這些中，這聽起來像你真正想要實現的是一個CSS粘滯頁腳。

你可以得到那些在這裏的一個：http://www.cssstickyfooter.com/