2011-10-23 74 views
0

我有一个网站,http://raptorshop.com使用JavaScript使用Drupal

目前,我已经设置了CSS来有700像素一个最小高度,但是我想对于每一个页面自动记录浏览器的大小,相应地调整大小(以便页脚大约有50-200px,具体取决于浏览器大小,但仅此而已)。目前,如果您在小型监视器上浏览该网站,则会显示滚动条,这是我不想要的。

有没有办法在Drupal中做到这一点?我知道如何为单个页面执行此操作,但我希望每个页面都能执行这种自动检查/调整大小。

+0

什么CSS设置为700px?预期的结果是什么? – Nightfirecat

+0

P.S.这听起来像你可能需要使用'max-height'而不是'min-height'。 – Nightfirecat

回答

1

你可以很容易地检查与jQuery窗口高度,然后根据需要更改CSS。
举例:

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

您将不得不编辑一些模板文件,例如网站页眉和页脚的模板文件。在这些中,这听起来像你真正想要实现的是一个CSS粘滞页脚。

你可以得到那些在这里的一个:http://www.cssstickyfooter.com/