Как заставить блок (или область) плавать в Drupal?

Question

Я видел, что есть модуль с именем Плавающий блок , который должен делать то, что я ищу: но он дублирует плавающий блок, что делает его полностью непригодным для использования.

Подскажите, пожалуйста.мне другие способы сделать это?

Answer 1

Под "float" вы подразумеваете CSS-атрибут "float"?

Вы можете легко это сделать, взглянув на исходный код HTML, чтобы получить идентификатор блока Div (обычно «block-block-3» или что-то в этом роде), а затем добавив новый стиль - CSS для его размещения.

Найдите это в источнике HTML, чтобы определить правильный идентификатор блока:

<div id="block-block-4" class="yadda yadda">
My block content
</div>

Затем в файле CSS вашей активной темы добавьте следующую запись:

#block-block-4 { float: left; }

Если вы хотите, чтобы он плавал в той же позиции, что и пользователь, прокручивающий , вы можете использовать плагин jQuery довольно легко для этого. Я использовал StickyFloat раньше с хорошим успехом. Используйте трюк выше, чтобы определить правильный идентификатор блока, к которому он привязан. Включите jQuery и скрипты плагина, затем свяжите его так:

$('#block-block-4').stickyfloat({ duration: 400 });

Answer 2

position: [fixed, absolute, relative] 

эти значения переопределяют float: если вам нужно форсировать его, используйте

position: inherit !important;

, тогда вы сможете использовать

float: [left, right];

Answer 3

Еще лучше, если вы используете CSS правильно, вы можете сделать это без каких-либо дополнительных модулей или плагинов.

Модуль «Плавающий блок» действительно только выбирает блок и устанавливает его положение в фиксированное положение.

В приведенном выше примере:

#block-block-4 {
  position: fixed;
  top: 100px;
  left: 100px;
}