Hi,
When I enter to a page with animation, first time I see blank because
opacity :0
<template is="dom-bind">
<neon-animated-pages style="height: 100%" id="pages" selected="0"
entry-animation="slide-from-bottom-animation"
exit-animation="slide-down-animation">
<neon-animatable>
<section id="land_p">
<paper-tabs selected="0" id="discover_tabs" style="margin-right:
150px">
<paper-tab class="tab_item" onclick="moveTo(4)" >Brands</paper-tab>
<paper-tab class="tab_item" onclick="moveTo(3)">Artists</paper-tab>
<paper-tab class="tab_item" onclick="moveTo(2)">Mission</paper-tab>
<paper-tab class="tab_item" onclick="moveTo(1)">About</paper-tab>
</paper-tabs>
</section>
</section>
</neon-animatable>
<neon-animatable>
<section id="about_p" style="width: 100%;">
<c-paper-icon-button class="back_to_home_button" icon="arrow_back"
onclick="document.querySelector('neon-animated-pages').selected=0"></c-paper-icon-button>
</section>
</neon-animatable>
<neon-animatable>
<section id="mission_p" style="width: 100%;">
<div ui-view="mission" style="overflow-y: auto;height: 100%" ></div>
</section>
</neon-animatable>
<neon-animatable>
<section id="artists_p" style="width: 100%;">
</section>
</neon-animatable>
<neon-animatable >
<section id="brands_p" style="width: 100%;">
<div ui-view="brands" style="overflow-y: auto;height: 100%" ></div>
</section>
</neon-animatable>
<neon-animatable>
<section id="how_p" style="width: 100%;">
<div ui-view="how" style="overflow-y: auto;height: 100%" ></div>
</section>-->
</neon-animatable>
</neon-animated-pages>
</template>
<script>
function moveTo(p){
document.querySelector('neon-animated-pages').selected=p;
}
</script>
Also, If I add a paper-drawe-panel in one of the neon-animatable, the draw is
not working.
any idea?
thanks!
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/d46863c8-28a7-4870-a0b2-e6d92f32ac9f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
