Javascript slow.toggleSLide（）在iPad 3上

我曾经建立过一个网站，但后来我注意到，当ipad进入肖像模式时（我的例子是3），菜单滑动变得非常非常缓慢。如果您使用的是ipad3（纵向模式，不确定其他ipad3），您将看到子菜单显示有多慢和起伏。在iphone上很好（我有一个iphone 4s）

所以我想用一个非常简单的

.toggleSLide（）

构建我自己的。我甚至想过使用

.show（）

和

.hide（）

但即使在这种情况下，操作也非常缓慢

最后，我使用了css动画，这有点解决了这个问题：

        $(".btn-navbar").click(function(){
            $(".nav-collapse .nav").toggleClass('show');
        });

还有css

.nav {
   height: 0;
}

.show{
   -webkit-transition: height 0.2s linear; 
    height:300px; 
    overflow:hidden; 
   -webkit-transform: translateZ(0);
}

但是在什么平板电脑/手机上支持css动画呢

我认为问题与显示

.nav

时的

.children（）

元素有关

---

基本上，让我们在ipad3 potrait模式下观看，我们如何在单击时平滑地显示/隐藏子菜单？

Duh！我最终使用了这个插件：

---

但是上面提到的问题仍然存在。

我正在iPad 2上的Bootstrap站点上查看，体验与桌面上的体验几乎相同。我不知道ipad2，但我知道在ipad3上，右上方的导航按钮在纵向显示其子菜单时动作非常慢。我也发现了这个问题（使用不同的jQuery滑块脚本）。iPad mini 1的纵向速度比横向速度慢。没有其他设备（我也测试过很多）有这个问题。你找到怎么解决这个问题了吗？是的，在这种情况下，我使用了这个答案中的报告