I
вот мой код рабочий который я скинул
Size: a a a
2019 December 06
A
если так делать огромная нагрузка. И нужно юзать еще приставку 3d, чтобы задействовать аппаратную часть
I
про это не знал
A
у меня в F7 норм работает, только для ИОС нужно фикс делать, чтобы не "моргало" на Айфонах
A
.accordion-item {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);
}
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);
}
SK
если так делать огромная нагрузка. И нужно юзать еще приставку 3d, чтобы задействовать аппаратную часть
ну я так и сделал, но люто бесит что при этом "document flow" так себе себя ведет
A
раньше делал все сам, сейчас юзаю почти все из F7, все ок
SK
ну у меня такое микро-приложение, тянуть в него f7 лень было
SK
ну и на первый взгляд монструозный
SK
на второй впринципе тоже
A
в любом случае, для анимации нельзя просто применять стилям другие значения, например height менять и дописать ему еще transition. Все через трансормации с 3D и будет ок
A
если менять значение стиля, то идет перерендер, что не хорошо
SK
Ну что будет хорошо-то я не понимаю? Вот как ты аккордеон сделаешь на translate3d?
SK
вангую в f7 без translate3d
I
вангую в f7 без translate3d
без
SK
потому я про падинг и сказал
запили в песочнице, у меня не получилось завести это
SK
всё сделал с паддингами
A
наверное, чтобы сместить что есть внизу height придется заюзать. Но можно просто менять 0 или auto, ез анимации, а контент показывать уже с анимацией внутри
A
без
как без, с ним
A
я не помню уже все как там устроено, но фикс этот как раз устраняет проблему:
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);