Закреплённое глобальное уведомление

Мы попытались использовать вашу функцию «глобальное уведомление». Однако, к сожалению, при прокрутке оно исчезает. Поэтому мы хотели бы сделать его фиксированным. К сожалению, это невозможно реализовать с помощью пользовательского CSS, так как position: sticky можно применить только к одному элементу, а у нас уже есть фиксированный элемент — заголовок.

Могли бы вы сделать настраиваемым место размещения уведомления в DOM, чтобы мы могли поместить его в контейнер заголовка и тоже сделать его фиксированным?

1 лайк

Почему бы вам не использовать баннер?

3 лайка

Спасибо за рекомендацию, но это не решает описанную выше проблему: глобальное уведомление не является «липким», и поэтому не является «липким» и универсальный баннер. Как я далее описал, это невозможно реализовать только с помощью CSS, поскольку универсальный баннер использует то же место в DOM, что и глобальное уведомление, которое находится за пределами контейнера «липкого» заголовка.

2 лайка

Справедливое замечание.

Другой вариант — плагин Layouts, который добавляет боковые панели, которые можно сделать «липкими». Также для него существует виджет Custom HTML, с помощью которого можно добавить любой желаемый контент.

2 лайка

Если вы примените свойство sticky к родительскому контейнеру, это сработает… однако, если в этом контейнере есть другие уведомления, они тоже «прилипнут» (например, уведомление «Хотите получать уведомления в реальном времени, когда кто-то отвечает на ваши сообщения?»).

У нас есть CSS-свойство, которое корректно сместит верхний отступ относительно заголовка:

#main-container.container {
    position: sticky;
    top: var(--header-offset);
    z-index: 9;
}
6 лайков