angularjs - 禁用 md-tabs 上的动画，angularjs Material

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 */
}

** 从 angularjs-material 版本 > 1.0.0 测试和工作