Инхибира CSS-анимацията - стека преливане на Руски
Същността на въпроса, са както следва. Сайтът има странична лента (за да излезете от менюто в дясно), анимацията се основава на CSS-преходи. В неактивно състояние на страничната лента има следния код:
клас с този код се добавя към активно състояние да го:
Проблемът е, че периодично има спирачките при отваряне / затваряне менюта. Profiler Google Chrome наистина не дава никаква информация, тъй като на ключ. На кадър от анимацията отнема само 1-3 мс, но FPS може да падне до 15-20 кадъра. Спирачки изкачва периодично (след тези моменти потиска цялата анимация), на законодателствата заявиха, че те често се появяват по време на периоди на бездействие (когато сайтът не предприема никакви действия в продължение на 20-30 секунди).
Мисля, че възможна причина за някои от хардуер / софтуер (макар че е по-бързо и по-умни), но бих искал да премахне цаката. Оттук и въпроси:
- Каква е причината тези спирачки, които са изпитали това?
- Какви решения са в което сте направили анимации гладко?
Послепис "Ще има промяна: трансформиране;" Не много от полза, тъй като браузър, без да прави всичко отделен слой.
определен 14 март в 15:54
@YozhEzhi да, има сериозни подозрения, че проблемът е на моя страна, но аз не знам, докато не се разтоварят на проекта за производство. Вярвам, че това дори не е в браузъри (като спирачки на Chrome, както и в IE), но нещо от нивото на взаимодействие с операционната система (на лаптопа много специфичен софтуер за развитие, различни библиотеки и програми, които работят в тясно сътрудничество с операционната система). Друг е въпросът, че аз искам да се намерят решения за такива ситуации, за да се запази гладкостта на анимацията. - Дмитрий Maslennikov 14 март в 23:19