Javascript 使用toggleClass（'；…'；，false，this…）时如何应用转换-聚合

由于包含

：before

的类本身的性质，我正在使用

toggleClass

功能来应用和删除CSS类，但是这里的代码将更通用，以帮助其他人理解具体细节

当类被添加到元素中时，我可以有一个转换，但是当移除它时，我似乎无法得到一个转换。有人能帮忙吗

HTML

<div class="container" id="container" on-scroll="toggleShadow">
    <div class="content">

    </div>
</div>

JS（聚合物）

---

仅当应用.blue时才具有转换效果，而应将转换放置在.container上

.blue {
    background: blue;
}

.container {
  transition: all 1s;
  height: 300px;
  border: 1px solid grey;
  overflow: auto;
}

---

也许可以尝试添加.stop（）以在切换调用之前停止任何以前的动画。啊哈！我知道我会错过一些小东西！谢谢！

toggleShadow : function(){
 if(scroll >= 2) {
          this.toggleClass('blue',true,this.$.container);
      } else {
          this.toggleClass('blue',false,this.$.container);
      }
  }

.blue {
    background: blue;
}

.container {
  transition: all 1s;
  height: 300px;
  border: 1px solid grey;
  overflow: auto;
}