Иx
Весёлый парень однако)
Size: a a a
2019 December 14
ПК
PO
2019 December 15
V
ребята как можно реализвать на чистом джс плавный открывающийся список
V
на jquery есть такая штука slideToggle()
as
ребята как можно реализвать на чистом джс плавный открывающийся список
задать списку класс
hidden, где height: 0
списку задать transition: height .3s linear
а в js list.classList.toggle('hidden')V
задать списку класс
hidden, где height: 0
списку задать transition: height .3s linear
а в js list.classList.toggle('hidden')и это будет плавно?
as
и это будет плавно?
проверил, нет
V
ага. знаю этот метод. через transition с height плавности не получим
as
ага. знаю этот метод. через transition с height плавности не получим
не получилось, потому что для transition нужно начальная величина и конечная
если начальную задать 50px, то плавно было
а вообще https://htmlforum.io/topic/58553-realizaciya-slidetoggle-na-chistom-js/
если начальную задать 50px, то плавно было
а вообще https://htmlforum.io/topic/58553-realizaciya-slidetoggle-na-chistom-js/
V
не получилось, потому что для transition нужно начальная величина и конечная
если начальную задать 50px, то плавно было
а вообще https://htmlforum.io/topic/58553-realizaciya-slidetoggle-na-chistom-js/
если начальную задать 50px, то плавно было
а вообще https://htmlforum.io/topic/58553-realizaciya-slidetoggle-na-chistom-js/
V
только если есть паддинг
as
только если есть паддинг
да, тоже когда-то делал через падинг
но он создает видимость
сейчас попробую через transform
но он создает видимость
сейчас попробую через transform
as
только если есть паддинг
transform: scale(1, 0)было бы решением, но соседние элементы не сдвигаются, высота остается
хмм
as
только если есть паддинг
V
а секрет?))
as
а секрет?))
scrollHeight)
as
я отсюда подсмотрел https://htmlforum.io/topic/58553-realizaciya-slidetoggle-na-chistom-js/
V
scrollHeight)
а где ты это указал?
as
если элементу задать высоту 0 и оферфлоу хиден, то в его свойсте scrollHeight лежит высота