1

我使用这个插件'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 工作?

4

0 回答 0