Size: a a a

WordPress Russian Community

2020 September 24

UC

User Concept in WordPress Russian Community
Владимир Бойко
в сss есть opacity и transition
Приходится поочередно js'ом асинхронно убирать сначала скролбар, потом делать fade, а потом добавлять display: block, кажется такая хронология насколько я помню по последнему проекту
источник

ВБ

Владимир Бойко... in WordPress Russian Community
делай так как тебе удобней
источник

UC

User Concept in WordPress Russian Community
Да, пробовал, но почему-то в серьезных проектах его не рекомендуют использовать, сильно не вникал в подробности
источник

ВБ

Владимир Бойко... in WordPress Russian Community
кто не рекомендует?
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
кто не рекомендует?
Сейчас попробую поискать, не факт что найду ссылки, но постараюсь
источник

ВБ

Владимир Бойко... in WordPress Russian Community
если у меня всё работает, зачем чьи то навязанные рекомендации
источник

ВБ

Владимир Бойко... in WordPress Russian Community
будут проблемы тогда подумаем как решить
источник

ВБ

Владимир Бойко... in WordPress Russian Community
но проблем пока что не было
источник

ВБ

Владимир Бойко... in WordPress Russian Community
если модальное окно имеет position fixed то оно вне потока других блоков и никак не может мешать другим блокам
источник

ВБ

Владимир Бойко... in WordPress Russian Community
на официальном сайте Adobe я смотрел используют visibility
источник

ВБ

Владимир Бойко... in WordPress Russian Community
еще можно вот так
div {
   transition: opacity 1s ease-out;
   opacity: 0;
   height: 0;
   overflow: hidden;
}
div.active {
   opacity: 1;
   height: auto;
}
источник

ВБ

Владимир Бойко... in WordPress Russian Community
User Concept
Сейчас попробую поискать, не факт что найду ссылки, но постараюсь
как тебе такое решение?
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
если модальное окно имеет position fixed то оно вне потока других блоков и никак не может мешать другим блокам
Я обычно создаю ul обертку с полупрозрачным фоном и li для каждого модального внутри, position: fixed для ul и position: absolute для li, это лишь мое видение в плане семантики кода и я его ни в коем случае никому не навязываю. В плане visibility: hidden усомнился кажется по причине этого: "При применении свойства visibility: hidden элемент оказывается скрытым. Он, кроме того, удаляется из дерева доступности и, в результате, его не замечают средства для чтения с экрана.", т.е. если модальные окна содержат информацию для seo - поисковый робот их так же может не увидеть, но это лишь мое предположение.
https://habr.com/ru/company/ruvds/blog/485640
https://stackoverflow.com/questions/32817887/visibility-hidden-in-seo
https://qna.habr.com/q/227035
То что нашел, хотя и вправду спорный вопрос, кто что пишет, каждый по своему )
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
еще можно вот так
div {
   transition: opacity 1s ease-out;
   opacity: 0;
   height: 0;
   overflow: hidden;
}
div.active {
   opacity: 1;
   height: auto;
}
Надо будет попробовать работоспособность, довольно интересное решение
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
на официальном сайте Adobe я смотрел используют visibility
Вообще конечно довольно авторитетный источник, думаю у них серьезно продумывают код
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
делай так как тебе удобней
Я использую такое самописное решение, возможно это не идеал, но как могу )
Во всяком случае отображает все корректно и асинхронно по порядку:
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
делай так как тебе удобней
источник

UC

User Concept in WordPress Russian Community
Владимир Бойко
делай так как тебе удобней
источник

AR

Alex Rusin in WordPress Russian Community
Мне velocity.js нравится, погугли преимущества
источник

AR

Alex Rusin in WordPress Russian Community
Кстати, если кто ещё юзал, напишите своё мнение, интересно
источник