我使用这个插件'SidebarTransitions by codrops'来制作侧边栏菜单..
为了显示/隐藏菜单,它使用这个 translate3d css
.st-effect-1.st-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.st-effect-1.st-menu-open .st-effect-1.st-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
我的问题是当我用大量数据填充网站时,比如表格中的 20000 行,translate3d 效果在 IE 中变得非常慢(使用 10 或 11 atm),需要 5-10 秒才能完成效果并使用 100% cpu核心..
Chrome中同样的效果立即出现,为什么?什么 tweek 让 IE 工作?