Использование Javascript с Drupal

Question

У меня есть сайт, http://raptorshop.com

В настоящее время я установил минимальную высоту CSS в 700 пикселей, однако мне бы хотелось, чтобы каждая страница автоматически отмечала размер браузера и соответственно изменяла его размер (чтобы нижний колонтитул имел около 50-200 пикселей в зависимости от размер браузера, но не более того). В настоящее время, если вы просматриваете сайт на небольшом мониторе, он выдает прокрутку, которая мне не нужна.

Есть ли способ сделать это в 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 Sticky Footer.

Вы можете получить один из них здесь: http://www.cssstickyfooter.com/