ポリマーの視差

Question

私はPolymerとの視差で作業しています。私は公式Webサイトの文書を読んで、これを私のプロジェクトに入れました。しかし、doesnt作品。 これは私のコードです：

<dom-module id="ingeview-home"> 
    <template> 
    <style> 
     :host { 
     display: block; 
     color: var(--text-color-dark); 
     padding: 20px 10%; 
     } 

     parallax-element { 
     height: 100vh; 
     } 
     parallax-element > * { 
     min-height: 500px; 
     } 
     parallax-layers { 
     min-height: 500px; 
     } 
    </style> 

    <h1>HOME</h1> 

    <parallax-element> 
     <parallax-layers> 
     <div depth="0"> 
      <image src=../images/pincel.png></image> 
     <div> 
     </parallax-layers> 
     <parallax-layers style="z-index: -1;"> 
     <div depth="-0.5"> 
     <image src=../images/raya.png></image> 
     <div> 
     <div> 
     <image src=../images/pincel.png></image> 
     <div> 
     </parallax-layers> 
     <parallax-layers style="z-index: 1;"> 
     <div depth="0.2"> 
     <image src=../images/raya.png></image> 
     <div> 
     </parallax-layers> 
    </parallax-element> 
    </template> 

    <script> 

    class IngeViewHome extends Polymer.Element { 
     static get is() { return 'ingeview-home'; } 
    } 

    window.customElements.define(IngeViewHome.is, IngeViewHome); 
    </script> 
</dom-module> 

私は数時間で検索だけど、あなたはそれがどのように動作するかを説明することができた場合、私は感謝し

Answer 1

だろう

何も表示されますいけない理由を見つけるカントPolymer 2.0と互換性のない既存のPolymer視差Webコンポーネントのカップルが見つかったので、私はそれを自分で実装することにしました。私はこのチュートリアルが良いスタートに適していることを発見しました：https://www.w3schools.com/howto/howto_css_parallax.asp

うまくいけば助けてください。

Answer 2

私は、ポリマー2.0のための新たな視差Webコンポーネントを作成し、昨日それを出版：https://www.webcomponents.org/element/watsonlogic-software/watsonlogic-parallax

は貢献またはいずれかの問題が（それは私の最初のコンポーネントである）がある場合は私に知らせて自由に感じて下さい。