Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Polymer 聚合物视差_Polymer_Parallax - Fatal编程技术网

Polymer 聚合物视差

Polymer 聚合物视差,polymer,parallax,Polymer,Parallax,我用聚合物在视差中工作。我阅读了官方网站上的文档,并将其放在我的项目中。但是不起作用。 这是我的代码: <dom-module id="ingeview-home"> <template> <style> :host { display: block; color: var(--text-color-dark); padding: 20px 10%; } para

我用聚合物在视差中工作。我阅读了官方网站上的文档,并将其放在我的项目中。但是不起作用。 这是我的代码:

<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>

:主持人{
显示:块;
颜色:var(--文本颜色暗);
填充:20px 10%;
}
视差元件{
高度:100vh;
}
视差元素>*{
最小高度:500px;
}
视差层{
最小高度:500px;
}
家
IngeViewHome类扩展了Polymer.Element{
静态get是(){return'ingeview home';}
}
window.customElements.define(IngeViewHome.is,IngeViewHome);
我搜索了几个小时,但是找不到为什么什么都没有出现


如果您能解释它是如何工作的,我将非常感激

我发现一些现有的聚合物视差网络组件与聚合物2.0不兼容,所以我决定自己实现它。我发现本教程是一个良好开端的好地方:


希望它能帮助您。

我发现一些现有的聚合物视差网组件与聚合物2.0不兼容,所以我决定自己实现它。我发现本教程是一个良好开端的好地方:


希望它能帮助您。

我为Polymer 2.0创建了一个新的视差网络组件,并于昨天发布:


如果有任何问题,请随时提供意见或让我知道(这是我的第一个组件)。

我为Polymer 2.0创建了一个新的视差web组件,并于昨天发布了它:


如果有任何问题,请随时提供意见或让我知道(这是我的第一个组件)。

我遇到了同样的问题。也许你可以在作者的GitHub上发布这个问题,我也遇到了同样的问题。也许你可以在作者的GitHub上发布这个问题