聚合物 - 禁用转换?

时间:2016-01-19 12:31:47

标签: polymer polymer-1.0

我在Polymer(1.0)中禁用转换效果时遇到问题。

基本上,我想禁用.transition > #drawe.transition > #main两者都带有

{
transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s;
transition: transform ease-in-out 0.3s, width ease-in-out 0.3s;
}

这些都不起作用:

.transition > #drawer {
transition:none!important;
}

.transition > #main {
transition:none!important;
}

.right-drawer.transition > #main {
transition:none!important;
}

谢谢!

1 个答案:

答案 0 :(得分:0)

如果你的问题是纸抽屉面板 <击> 然后您可以尝试将其添加到输入页面的<head>标记中:

<style is="custom-style">
  :root {
    --paper-drawer-panel-scrim: {
      transition: none;
    }
  }
</style>

<击>

#scrim是唯一支持从外部配置转换的元素。您需要在https://github.com/PolymerElements/paper-drawer-panel创建错误报告或功能请求以支持该功能。

作为解决方法,您可以尝试

* /deep/ paper-drawer /deep/ .transition > #drawer {
transition:none;
}

* /deep/ paper-drawer /deep/ .transition > #main {
transition:none;
}

* /deep/ paper-drawer /deep/ .right-drawer.transition > #main {
transition:none;
}

但不推荐使用/deep/,最终会将其删除。