Question

我在我的网站上使用Polymer 1.0。我正在尝试将<neon-animated-pages>元素与我的<paper-tabs>一起使用。

我遇到的问题影响了我的网页的布局结构。它工作正常，但由于页面（<neon-animatable>）元素的定位是隐式绝对的，因此包装元素<neon-animated-pages>不会扩展以适合内容。我页面的内容高度不同，所以我的页脚（此后的内容）在后台重叠。

您可以将其可视化为图像滑块，其中包含可变高度图像，后面跟着一些内容。

有没有解决这个问题的方法？或者我应该创建自己的元素绑定到纸张标签（如果是这样，你能提供一个总体的想法来实现这一点）？我可以删除绝对位置，但它会在页面更改时破坏动画流。

这有点我有：

<template is="dom-bind" id="scope">
<paper-tabs selected="{{tab}}">
  <paper-tab>TAB1</paper-tab>
  <paper-tab>TAB2</paper-tab>
</paper-tabs>

<neon-animated-pages class="flex layout vertical" selected="{{tab}}" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation">
  <neon-animatable class="flex">
    <div class="someClass">Page 1</div>
  </neon-animatable>
  <neon-animatable class="flex">
    <div class="someClass">Page 2</div>
  </neon-animatable>
</neon-animated-pages>
</template>
<div class="some-content">Some more content</div>

有什么建议吗？

霓虹动画页面不会调整大小

0 个答案: