11 ноября 2009 в 11:43
Хочется создать плавающий блок, который при прокрутке страницы будет всегода на экране. как пример это картинка прилепленая к нижнему краю.
Видимо для этого надо создать спец. зону в разметке шаблона темы друпала.
Кто-нить делал подобное?
Комментарии
я бы для начала побаловался с position: fixed
это при создании шаблона?
в стиле блока
было тут хорошее начинание http://drupal.org/project/floating_block , но похоже заглохло http://drupal.org/node/645476
вот нарыл неплохой пример фиксированного блока - http://alt-f4.ru/css-position-fixed
можно ли этот код как-то использовать в drupal?
Вопрос актуален.
Можно сделать так.
Добавляем в THEME_NAME.info
Создаем в корне темы папку JS
Туда кладем скрипт floating.js такого содержания
$(window).scroll(function() {
var top = $(document).scrollTop();
if (top > 130) $('.floating').addClass('fixed'); //130 - это значение высоты прокрутки страницы для добавления класса .fixed
else $('.floating').removeClass('fixed');
});
});
В CSS добавляем
.floating {
position: absolute;
float: left;
margin-left: -160px;
top: -15px;
}
.fixed {
position: fixed;
top: 30px;
}
Создаем блок и вставляем в регион
<!--Тут содержимое блока-->
</div>
Чистим кеш.
Результат будет как на Сайт проверенных советов - плавающий блок рекламы с левой стороны.
а в какой регион то всатвлять? в любой?