Так ладно задам еще раз вопрос ради которого сюда пришёл.

Question

Так ладно задам еще раз вопрос ради которого сюда пришёл.

Пытаюсь сделать аккордеон, вроде бы получилось, но есть проблемка, мне приходится вручную задавать высоту div, может кто нибудь знает как сделать что бы она автоматически подстраивалась, ну или какой нибудь другой способ сжать div. https://codesandbox.io/s/fervent-elgamal-gz98kb?file=/src/App.vue

#css #frontend #html #programming #russian

0

11.08.2022

15 ответов

21 просмотр

S.A.SH

Она сама будеть увеличиваться когда будет появляться контент

0

11.08.2022

Victor

S.A.SH
Она сама будеть увеличиваться когда будет появлять...

анимация пропадает

0

11.08.2022

Nadelopo Автор вопроса

Victor
анимация пропадает

именно :(

0

11.08.2022

S.A.SH

Victor
анимация пропадает

Не должна, значит в другом месте накосячил

0

11.08.2022

Victor

S.A.SH
Не должна, значит в другом месте накосячил

нет, должна, ибо из нуля нет перехода в 100% и max- min- fit- content

0

11.08.2022

Victor

Попробуй из posa t0(emmet) сделать переход к posr или transform translateY из posa в posr

0

11.08.2022

S.A.SH

Victor
нет, должна, ибо из нуля нет перехода в 100% и max...

https://farfetch-store.netlify.app Зайди сюдя рядом с инпутами внизу есть тексть в левом углу, такой-же принцип через min height, адаптива нет заранее скажу

0

11.08.2022

Victor

S.A.SH
https://farfetch-store.netlify.app Зайди сюдя ряд...

анимации нет

0

11.08.2022

S.A.SH

Victor
анимации нет

Какую анимацию вы хотите? Плавное открытие или что?

0

11.08.2022

Victor

S.A.SH
Какую анимацию вы хотите? Плавное открытие или что...

блин пример посмотри и сравни с тем, что ты скинул. Да, плавное открытие по высоте

0

11.08.2022

S.A.SH

Victor
блин пример посмотри и сравни с тем, что ты скинул...

°_°

0

11.08.2022

Nadelopo Автор вопроса

S.A.SH
°_°

до только я задаю вручную высоту, в твоем примере ты делаешь 100vh но мне это не подходит

0

11.08.2022

Victor

Nadelopo
до только я задаю вручную высоту, в твоем примере ...

http://jsfiddle.net/dotnetCarpenter/7cnfc/206/ Данный пример навел на мысль, что можно через css counter увеличить время появления из opacity: 0; visibility: hidden в o1;vv с помощью дилея

0

11.08.2022

Nadelopo Автор вопроса

Victor
http://jsfiddle.net/dotnetCarpenter/7cnfc/206/ Да...

че то не открывается ссылка

0

11.08.2022