在iPad 3上慢.toggleSLide（）

我用bootstrap建立一個網站，但後來我注意到，當它到達ipad上的肖像模式（在我的情況下是3）時，滑動菜單變得非常慢。如果你在ipad3上（人像模式，不知道其他ipad）look at their site，你會看到子菜單顯示的速度有多慢和不連貫。這是好的在iphone上（我有一個iphone 4s）在iPad 3上慢.toggleSLide（）

所以我想我只是使用一個非常簡單的.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動畫的支持？

我認爲這個問題與元素顯示時有關。

基本上讓我們拿bootstrap site並在ipad3 potrait模式下查看它，我們如何纔能有一個平滑的子菜單顯示/隱藏點擊？

來源

2013-01-19 rob.m

我正在尋找iPad 2上的Bootstrap網站，體驗與桌面上的非常相似。 – Pavlo

我不知道ipad2，但我知道在ipad3右上方導航按鈕非常緩慢，以便在縱向上顯示其子菜單。 –

呃！最後我用這個插件：

https://github.com/ftlabs/fastclick

但上述遺骸陳述的問題。

來源

2013-01-22 15:03:22

我也發現這個問題（使用不同的jQuery滑塊腳本）。縱向的iPad mini 1比風景慢。沒有其他設備（我測試了很多）有這個問題。你有沒有發現如何解決這個問題？ – user2143356

是的，在這種情況下，我用這個答案中報告 –

在iPad 3上慢.toggleSLide（）

回答

相關問題