/ / Полимер: изводи прелаз са анимираних страница на полимерни елемент - полимер

Полимер: изводи прелаз анимиране странице на полимерни елемент - полимер

Реци да имам једну полимерну апликацију test-app, један регуларни див div-aи један полимерни елемент page-a.

Сада покушавам да направим animated-pages, који садржи div-a и page-a

<link rel="import" href="../../bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="../../bower_components/core-icons/core-icons.html">
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../../bower_components/core-animated-pages/core-animated-pages.html">

<link rel="import" href="../page-a/page-a.html">

<polymer-element name="test-app" flex vertical layout>

<template>
<core-animated-pages
selected="{{selected}}"
transitions="cross-fade"
>
<section name="div-a">
<div cross-fade>
<span>div-a</span>
</div>
</section>

<section name="page-a">
<page-a cross-fade></page-a>
</section>

</core-animated-pages>

</template>

<script src="./test-app.js"></script>

</polymer-element>

Проблем је у томе што се при извођењу транзиције укључује анимација div-a добро ради, али онај на page-a не ради. Уместо да умире у page-a одједном се појави.

Још једна чудна ствар је: ако се промијеним transitions="cross-fade" у transitions="cross-fade-all", и уклоните друге cross-fade дефинисано на div и page-a, обе транзиције раде.

Било који идеја?

Одговори:

0 за одговор № 1

Цросс-фаде не ради директно на елементима који имају overflow: hidden комплет.


Сродна питања


Коментари (0)

Додајте коментар