Настройка фиксированных элементов

Фиксированные элементы помогают выделить важные блоки, которые должны оставаться на виду при прокрутке страницы. В визуальной среде вы можете включить фиксацию элемента, а также настроить безопасные отступы сверху и снизу, чтобы элемент не перекрывал контент и не уходил за границы экрана.

Как активировать фиксацию элементов и задать отступы в CMS Smart Engine

Шаг #1. Кликните по нужному элементу в визуальном редакторе — над ним откроется панель настроек.

Шаг #2. Нажмите кнопку «Зафиксировать элемент». Откроется модальное окно настроек фиксации.

Шаг #3. Поставьте галочку «Зафиксировать» — это включит режим фиксации для элемента. Без этой отметки остальные настройки не применяются.

Шаг #4. В поле «Отступ сверху» укажите значение в пикселях — это безопасный отступ от верхнего края окна браузера. Он нужен, чтобы зафиксированный элемент не перекрывал шапку сайта или другие важные блоки.

Шаг #5. В поле «Отступ снизу» укажите значение в пикселях — это минимальный отступ от низа страницы или от ограничивающего элемента (шаг #6).

Шаг #6. При необходимости в том же окне укажите «Идентификатор ограничителя фиксации», предварительно указав его для элемента-ограничителя в поле «Идентификатор (id)» в панели настроек атрибутов (подробнее — в статье «Настройка атрибутов в визуальной среде»).

Внимание! Если «Идентификатор ограничителя фиксации» не задан, система будет ориентироваться на общую высоту страницы. В этом случае значение «Отступ снизу» особенно важно: оно гарантирует, что элемент не окажется под футером или за пределами видимой области.

Шаг #7. Нажмите «Сохранить», чтобы применить настройки.

Поздравляем, вы настроили фиксированный элемент и задали безопасные отступы — теперь он будет корректно отображаться при прокрутке!