/ / Polimeras: atlieka animuotų puslapių perėjimą į polimero elementą - polimerą

Polimeras: atlieka animuotų puslapių perėjimą į polimero elementą - polimerą

Pasakyk, kad turiu vieną polimerinį priedą test-app, viena reguliari div div-air vienas polimero elementas page-a.

Dabar aš bandau statyti a animated-pages, kuriame yra div-a ir 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>

Problema yra ta, kad atliekant perėjimą animacija įjungta div-a gerai veikia, bet vienas page-a neveikia. Vietoj to, kad išnyks page-a tiesiog staiga atrodo.

Kitas keistas taškas yra: jei aš pasikeisiu transitions="cross-fade" į transitions="cross-fade-all"ir pašalinkite kitus cross-fade apibrėžta div ir page-a, abu perėjimai rasti darbą.

Bet kokia idėja?

Atsakymai:

0 atsakymui Nr. 1

Cross-fade neveikia tiesiogiai su elementais, kurie turi overflow: hidden nustatyti.


Susiję klausimai


Komentarai (0)

Pridėti komentarą