Sticky Menu & Sticky Header

Часто задаваемые вопросы

Могу ли я сделать несколько элементов липкими?

Sure, WP Sticky PRO has that option. You can make as many elements sticky as you like and configure settings individually for each element.

Я выбрал класс/ID на экране настроек, но элемент не прилипает, когда я прокручиваю вниз. Почему?

Во-первых, убедитесь, что если вы выбрали элемент по имени класса, то ему предшествует точка (напр,».main-menu»), а если вы выбираете его по ID, что ему предшествует решетка/номер (напр, «#main-menu»). Кроме того, убедитесь, что на странице есть только один элемент с селектором, который вы используете. Если нет ни одного элемента или элементов, соответствующего вашему селектору, более одного, то ничего не произойдет.

Как только элемент становится липким, он вообще не позиционируется/не имеет правильного размера.

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

• отрицательный отступ (negative margins)
• абсолютное позиционирование (absolute positioning)
• свойства сверху/слева/снизу/справа
• «display: inline»
• «!important» применяется к любому из его свойств

Старайтесь избегать всего этого, где это возможно, но если не можете, то иногда помогает использование плагина в режиме совместимости (Legacy Mode) (см. ниже).
Другая ситуация, которая может вызвать проблемы — это когда к любому родительскому элементу прикрепленного элемента применено свойство CSS «transform».

Как только элемент становится липким, он не реагирует и не меняет размер, когда я меняю размер браузера.

Это известная (и раздражающая) ошибка в плагине, которую я еще не смог решить должным образом. Для некоторых сайтов (обычно когда элемент не содержит JavaScript интерактивности) иногда помогает использование плагин в режиме совместимости (Legacy Mode) (см. ниже).

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

Чтобы добавить стили к липкому элементу, когда он не липкий, используйте имя класса «.element-is-not-sticky».
Чтобы добавлять стили к липкому элементу, только когда он липкий, используйте имя класса «.element-is-sticky»

Следующий код придаст вашему элементу красный фон только тогда, когда он не липкий, а синий только тогда, когда липкий:

.element-is-not-sticky {
background: red;
}

.element-is-sticky {
background: blue;
}

Как только элемент становится липким, есть мгновение, когда вы видите его дважды.

Если вы используете плагин в режиме совместимости (см. ниже), это происходит, когда к липкому элементу (или любому его содержимому) применяется CSS переход. Поскольку исходный элемент становится невидимым (и его клонированная копия становится видимой), изменение статуса видимого к невидимому будет происходить с переходом (т. е. не сразу). Либо удалите все переходы, которые есть у элемента, либо попробуйте отключить режим совместимости.

Все равно не работает. Что может быть не так?

Установите флажок «Режим отладки (Debug Mode)» в настройках плагина. Перезагрузите страницу, и вы сможете увидеть ошибки в окне консоли вашего браузера. Если вы использовали несуществующий селектор ИЛИ на странице их больше, вы получите уведомление об этом в консоли.

Можно ли иметь несколько липких элементов?

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

How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. Report a security vulnerability.