2

我使用引导程序构建了一个站点，但后来我注意到当它在 ipad 上进入纵向模式（在我的情况下为 3）时，菜单滑动变得非常非常慢。如果您在ipad3（纵向模式，不确定其他 ipad）上查看他们的网站，您会看到子菜单显示的速度和波动性。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 动画？

我认为这个问题与何时显示的.children()元素有关。.nav

基本上让我们获取引导站点并在 ipad3 potrait 模式下查看它，我们如何才能在单击时获得平滑的子菜单显示/隐藏？

4

1 回答 1

0

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

https://github.com/ftlabs/fastclick

但上述问题依然存在。

于 2013-01-22T15:03:22.830 回答