Using Javascript with Drupal

Using Javascript with Drupal

本文关键字:Drupal with Javascript Using      更新时间:2023-09-26

我有一个网站,http://raptorshop.com

目前,我已经将CSS设置为最小高度为700px,但是我希望每个页面都自动注意浏览器的大小,并相应地调整大小(这样页脚就有大约50-200px,这取决于浏览器的大小,但仅此而已)。目前,如果你在一个小显示器上浏览这个网站,它会显示一个滚动,这是我不想要的。

在Drupal中有办法做到这一点吗?我知道如何为单个页面做这件事,但我希望每个页面都做这种自动检查/调整大小

您可以很容易地使用jquery检查窗口高度,然后根据需要更改css。
一个例子:

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

您必须编辑一些模板文件,例如站点页眉和页脚的模板文件。在这些情况下,听起来你真正想要实现的是一个CSS粘页脚。

你可以在这里找到一个:http://www.cssstickyfooter.com/