Статьи про создание сайтов и не только:)

  2. Главная
  3. Блог

Свойство css position:sticky не работает. Почему?

Блог

CSS свойство position:sticky действительно может быть очень полезным! С его помощью можно за несколько строк css сделать "прилипающий" блок, это действительно очень просто и удобно!

Еще несколько лет назад стоило серьезно задуматься о его поддержке браузерами. Но время не стоит на месте, а хорошие и удобные технологии быстро "приживаются". Вопрос поддержки все еще актуален, но уже совсем не так остро.

Нужно учитывать, что position:sticky не будет работать, если хотя бы у одного из родительских элементов задано свойство overflow 

  • overflow: hidden
  • overflow: scroll
  • overflow: auto

Конечно, причины могут быть разными, но если не работает position: sticky, то стоит проверить свойство overflow у родительских элементов. Можно глянуть вручную в консоли, либо использовать скрипт:

let parent = document.querySelector( '.sticky-sidebar' ).parentElement; while (parent) { const hasOverflow = getComputedStyle(parent).overflow; if( 'visible' !== hasOverflow) { console.log( hasOverflow, parent ); } parent = parent.parentElement; }

Скрипт выведет в console.log блоки с overflow.

Источник: https://misha.agency/css/pochemu-position-sticky-ne-rabotaet.html

Chronoforms 5 не работает на php 7.4 и выше

Блог

Chronoforms довольно популярный компонент для созания форм разной сложности на Joomla.

Версия Chronoforms 5 на данный момент не поддерживается разработчиками, но тем не менее все еще используется.

Рекомендую вам перейти на последнюю версию. В ней, кроме прочего, есть возможность импортировать формы из Chronoforms 5. Если по каким-то причинам вам нужно использовать Chronoforms 5, тогда продолжим.

При переходе на версию php 7.4 формы на сайте работают, но в админ панели редактирование форм открывается с ошибкой: syntax error, unexpected 'Fn' (T_FN), expecting identifier (T_STRING)

Решение довольно простое:

  1. Перейдите в папку <site root>\administrator\components\com_chronoforms5\chronoforms\events\fn
  2. Откройте файл fn.php и отредактируйте строку 9 так -> namespace GCore\Admin\Extensions\Chronoforms\Events\Fn1;
  3. Отредактируйте строку 12 так -> class Fn1 extends \GCore\Admin\Extensions\Chronoforms\Events\Event
  4. Сохраните fn.php
  5. Переименуйте fn.php в fn1.php
  6. Переименуйте папку administrator\components\com_chronoforms5\chronoforms\events\fn в administrator\components\com_chronoforms5\chronoforms\events\fn1

Либо скопируйте отредактированную папку в administrator\components\com_chronoforms5\chronoforms\events\

Скачать

После этого ошибка перестанет появляться.

На этом все. Всем удачи!

FontAwsome 5 Pro

Как подключить FontAwsome 5 Pro в шаблоне Helix Ultimate?

Блог

Популярный фреймворк Helix Ultimate поставляется с бесплатной ограниченной версией иконочного шрифта FontAwsome 5.

Конечно в некоторых случаях вполне достаточно бесплатной версии, но FontAwsome 5 Pro содержит гораздо больше иконок, и если вы читаете эту статью, значит вам нужна именно Pro версия и вы на правильном пути!

Главное меню