我在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;
}
谢谢!
答案 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/
,最终会将其删除。