В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

FrontCoder

915 membersпожаловаться на группу
2020 September 22

ИМ

Игорь Морозов... in FrontCoder
Rikki Placebo
https://jsfiddle.net/watjsqe5/

Вот. При переходе от display none к display block не срабатывает transition для width и height
jsfiddle.net
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
почему так происходит не знаю, можно просто через анимацию сделать попробовать https://jsfiddle.net/Lbr5u3t8/
jsfiddle.net
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
источник
15:35пожаловаться#1

RP

Rikki Placebo in FrontCoder
но setTimeout криво как по мне работает
источник
15:35пожаловаться#2

ИМ

Игорь Морозов... in FrontCoder
нормально setTimeout работает =/
источник
15:36пожаловаться#3

RP

Rikki Placebo in FrontCoder
Игорь Морозов
почему так происходит не знаю, можно просто через анимацию сделать попробовать https://jsfiddle.net/Lbr5u3t8/
jsfiddle.net
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Все равно криво через анимацию. Только через js норм работает
источник
15:36пожаловаться#4

ИМ

Игорь Морозов... in FrontCoder
почему криво?
источник
15:37пожаловаться#5

ДБ

Дмитрий Баевский... in FrontCoder
Игорь Морозов
почему так происходит не знаю, можно просто через анимацию сделать попробовать https://jsfiddle.net/Lbr5u3t8/
jsfiddle.net
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Потому что при display none браузер не знает, какова высота объекта и не может ни от чего оттолкнуться. Мне так объясняли.
источник
15:37пожаловаться#6

АИ

Александр Иванов... in FrontCoder
Rikki Placebo
но setTimeout криво как по мне работает
В твоем случае надо не просто удалять класс а еще чтоб был класс после удаления активного котороый обратную анимацию сделает
источник
15:37пожаловаться#7

АИ

Александр Иванов... in FrontCoder
Как отработает удалить
источник
15:38пожаловаться#8

АИ

Александр Иванов... in FrontCoder
У тебя анимация в Активном классе
источник
15:38пожаловаться#9

АИ

Александр Иванов... in FrontCoder
Ты как активный удалишь анимация не сможет играть никак
источник
15:38пожаловаться#10

ИМ

Игорь Морозов... in FrontCoder
Rikki Placebo
Да, знаю. Нашел два решения в виде библиотеки velocity и setTimeout для промежуточных классов
вот пример я когда то делал для плавного появления/удаления попапа. Без всяких библиотек)
https://codepen.io/MynameisIM/pen/MRJOrY
CodePen
Show/hide popup
...
источник
15:39пожаловаться#11

RP

Rikki Placebo in FrontCoder
через setTimeout сложно нормальную логику написать. Например я через js говорю ему сначала задать display block первым классом, а вторым через setTimeout 0 уже нужный transition , но в обратную сторону нужно четкий таймаут прописывать и с этим проблема
источник
15:39пожаловаться#12

АИ

Александр Иванов... in FrontCoder
Rikki Placebo
через setTimeout сложно нормальную логику написать. Например я через js говорю ему сначала задать display block первым классом, а вторым через setTimeout 0 уже нужный transition , но в обратную сторону нужно четкий таймаут прописывать и с этим проблема
Да просто все там, когда активный удаляешь делаешь другой класс который проиграет анимацию в обратном порядке, а потом после того как анимация проиграла удаляешь обратный при помощи СетТаймАут
источник
15:40пожаловаться#13

АИ

Александр Иванов... in FrontCoder
И нет проблем
источник
15:40пожаловаться#14

RP

Rikki Placebo in FrontCoder
Да, я так делал, но мне это решение кажется костылем на костыле
источник
15:41пожаловаться#15

АИ

Александр Иванов... in FrontCoder
Rikki Placebo
Да, я так делал, но мне это решение кажется костылем на костыле
Где там костыль???
источник
15:42пожаловаться#16

АИ

Александр Иванов... in FrontCoder
В том что ты удаляешь и добавляешь классы?
источник
15:42пожаловаться#17

RP

Rikki Placebo in FrontCoder
Не знаю, мне не кажется хорошим вариант через таймаут
источник
15:43пожаловаться#18

RP

Rikki Placebo in FrontCoder
При быстром переключении может сломаться вовсе
источник
15:44пожаловаться#19

RP

Rikki Placebo in FrontCoder
Ну я по крайне мере умудрялся сломать =р
источник
15:45пожаловаться#20