/ / पॉलिमर: बहुलक तत्व पर एनिमेटेड पृष्ठों के संक्रमण का प्रदर्शन - बहुलक

पॉलिमर: बहुलक तत्व पर एनिमेटेड-पेज संक्रमण - बहुलक

कहो मैं एक बहुलक एप्लिकेशन मिला test-app, एक नियमित div 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

क्रॉस-फीका doesn "टी सीधे तत्वों पर काम करता है overflow: hidden सेट।


संबंधित सवाल


टिप्पणियाँ (0)

एक टिप्पणी जोड़े