禁用md-tabs上的动画，angularjs材料

Question

切换选项卡时的动画非常滞后。使我的整个应用程序无法使用。一个真正的表演者。

我读过很多关于这个话题的问题。真的完全不可能删除这个动画吗？

https://material.angularjs.org/latest/api/directive/mdTabs

Answer 1

只需添加以下 css 行即可禁用它：(PLUNKER(

/* This will disable the panel animation */
md-tabs [role="tabpanel"] {
    transition: none;
}
/* This will disable the `ink-bar` animation (border-bottom of selected tab) */
md-tabs md-ink-bar {
  transition: none;
}

---

此外，如果要隐藏/删除ink-bar(使用display: none代替transition: none(并在所选选项卡中添加自定义样式...

md-tabs .md-active {
   font-weight: bold;
   /* Add your custom css styles to selected tab here */
}

** 在 1.0.0> 的 angularjs 材料版本中进行测试和工作