Polymer 聚合物：<；应用程序标题效果="；。。。“Internet Explorer漏洞”&燃气轮机；

我对Polymer

应用程序标题中的视差滚动效果有问题。你可以在IE10、IE11和Edge中看到问题的发生，但是Chrome、FF和Android浏览器看起来不错

实时链接：

源代码：

视频（请原谅评论）：

--

我认为问题存在于我布置一切的方式上尽管我不确定，
就是



标题组件



<!-- Business Header
------------------------------------------------------------->
<component-header id="Services" grid="vertical" layout="start-stretch" min-height="1"></component-header>

<!-- Business Pages
------------------------------------------------------------->
<component-main id="Main" grid="vertical" layout="start-stretch" min-height="1">

    <page-intro          id="Intro"       min-height="1"    flex="1"    bg="white">        </page-intro>
    <page-company        id="Company"        min-height="1"    flex="1"    bg="yellow">       </page-company>
    <page-testimonials   id="Testimonials"   min-height="1"    flex="1"    bg="gray">         </page-testimonials>
    <page-forms          id="Contact"        min-height="1"    flex="1"    bg="white">        </page-forms>
    <page-outro          id="Outro"          min-height="1"    flex="1"    bg="blue">         </page-outro>

</component-main>

<!-- Business Footer
------------------------------------------------------------->
<component-footer id="Footer" grid="vertical" layout="start-stretch"></component-footer>

        <app-header-layout>
            <app-header
                id="appHeader"
                class="main-header"
                condenses
                reveals
                effects="resize-snapped-title waterfall blend-background parallax-background">

                <!-- TOOLBAR -->
                <!-- TOOLBAR -->
                <!-- TOOLBAR -->
                <app-toolbar class="top-toolbar">

                    <header-toolbar grid="horizontal" layout="between" condensed-title>
                        <paper-icon-button class="toolbar-drawer" icon="menu" drawer-toggle></paper-icon-button>

                        <paper-tabs class="toolbar-links" selected="{{selected}}" attr-for-selected="name" hidden$="{{mobile}}">
                          <template is="dom-repeat" items="{{items}}">

                            <paper-tab name="{{item}}">
                                <a href="#{{item}}">{{item}}</a>
                            </paper-tab>

                          </template>
                        </paper-tabs>
                    </header-toolbar>
                </app-toolbar>

                <!-- HERO -->
                <!-- HERO -->
                <!-- HERO -->
                <app-toolbar class="hero" title>
                    <header-hero></header-hero>
                </app-toolbar>

            </app-header>

        </app-header-layout>
    </app-drawer-layout>