Дёрганье верхнего меню в адаптивном виде

Есть любые вопросы, связанные со стилями/темами для phpBB 3.2.x или 3.3.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB 3.1.x/3.2.x | FAQ | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Siava
Поддержка
Поддержка
Сообщения: 5426
Стаж: 20 лет 3 месяца
Откуда: Питер
Благодарил (а): 177 раз
Поблагодарили: 749 раз

Дёрганье верхнего меню в адаптивном виде

Сообщение Siava »

Ещё с phpbb 3.1 заметил такую неприятную особенность, что в "мобильном виде" при переходе по страницам на долю секунды в верхнем меню видны все ссылки, а затем лишние прячутся. Получается неприятное дёрганье элементов на странице.

Попробовал перенести jQuery и другие JavaScript вверх, в секцию <head>, но это не помогло.
Есть идеи как побороть?

Прилагаю видео для примера, как это происходит на этом форуме и на моём:

Еще одно нарушение правил и будете забанены. © Mr. Anderson
Ты очистил кеш? © Sheer
https://siava.ru (phpbb 2.0.x 3.5.x)
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12751
Стаж: 13 лет 8 месяцев
Благодарил (а): 159 раз
Поблагодарили: 2276 раз

Re: Дёрганье верхнего меню в адаптивном виде

Сообщение Татьяна5 »

Есть. Жёстко задать высоту меню, например
Как это повлияет на js не проверяла
Аватара пользователя
Siava
Поддержка
Поддержка
Сообщения: 5426
Стаж: 20 лет 3 месяца
Откуда: Питер
Благодарил (а): 177 раз
Поблагодарили: 749 раз

Re: Дёрганье верхнего меню в адаптивном виде

Сообщение Siava »

Татьяна5, примерно понял, но если делать жёсткую высоту .navbar ul.linklist, то дёргаться конечно перестаёт, но лишние ссылки не убираются в выпадающее меню. А если задать фиксированную высоту самого выпадающего меню, то это ни на что не влияет. Я о prosilver.
Еще одно нарушение правил и будете забанены. © Mr. Anderson
Ты очистил кеш? © Sheer
https://siava.ru (phpbb 2.0.x 3.5.x)
Аватара пользователя
Siava
Поддержка
Поддержка
Сообщения: 5426
Стаж: 20 лет 3 месяца
Откуда: Питер
Благодарил (а): 177 раз
Поблагодарили: 749 раз

Re: Дёрганье верхнего меню в адаптивном виде

Сообщение Siava »

Аналогично ведут себя и хлебные крошки, когда используются длинные названия или пути. Сначала отображается полностью, затем названия сокращаются. И другие адаптивные меню тоже.
Еще одно нарушение правил и будете забанены. © Mr. Anderson
Ты очистил кеш? © Sheer
https://siava.ru (phpbb 2.0.x 3.5.x)
Аватара пользователя
Pazh
Former team member
Сообщения: 2317
Стаж: 15 лет 5 месяцев
Благодарил (а): 20 раз
Поблагодарили: 221 раз

Re: Дёрганье верхнего меню в адаптивном виде

Сообщение Pazh »

Siava, это связано с последовательностью загрузки страницы и выполнения триггеров (событий) js, которые навешаны на элементы: сначала грузится весь html (и в этот момент видны все элементы), потом на них навешиваются js события и когда эти триггеры срабатывают - начинается "перерисовка" html. Чем больше страница (и кол-во подгружаемых сторонних скриптов) и чем больше на ней js-кода, который модифицирует страницу, тем сильнее будут видны подобные дергания... Если бы изменения проходили через css, то моргания были бы минимальными
Помощь в ЛС/email только за WM или ЮMoney

Вернуться в «Стили для phpBB 3.2.x / 3.3.x»