/ / Polimer: animált oldalak átmenetet hajt végre a polimer elemen - polimer

Polimer: animált oldalak átmenete a polimer elemen - polimeren

Mondja, hogy van egy polimer alkalmazásom test-app, egy rendszeres div div-aés egy polimer elem page-a.

Most megpróbálok építeni a animated-pages, ami tartalmaz div-a és 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>

A probléma az: az átmenet végrehajtásakor az animáció div-a jól működik, de az egyetlen page-a nem működik. A halványítás helyett a page-a csak hirtelen megjelenik.

Egy másik furcsa pont: ha megváltozom transitions="cross-fade" -ba transitions="cross-fade-all", és távolítsa el a másikat cross-fade meghatározva div és page-a, mindkettő átmenetet keres.

Bármilyen ötlete?

válaszok:

0 a válasz № 1

A kereszteződés nem működik közvetlenül olyan elemekkel, amelyek rendelkeznek overflow: hidden készlet.


Kapcsolódó kérdések


Hozzászólások (0)

Hozzászólni