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上发布这个问题