slow .toggleSLide() on iPad 3

slow .toggleSLide() on iPad 3

本文关键字：iPad on toggleSLide slow      更新时间：2023-09-26

我使用bootstrap来建立一个网站，但后来我注意到，当它在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动画?

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

基本上让我们把引导网站和查看它在ipad3的肖像模式，我们怎么能有一个流畅的子菜单显示/隐藏点击?

废话!我最终使用了这个插件:

https://github.com/ftlabs/fastclick

但上述问题仍然存在

相关文章：