2013-06-20 129 views
0

我有一個帶有jQuery滑動菜單的頁面,我該如何控制菜單滑動轉換。
例如要更改滑動速度?
這裏是我的代碼:jQuery移動面板轉換

<div id="navpanel" data-role="panel" data-theme="a" data-display="push" data-position="right"> 
     <div data-role="controlgroup" data-corners="false"> 
      <button id="main">Main</button> 
      <button id="business">Business</button> 
      <button id="numbers">Numbers</button> 
      <button id="money">Money</button> 
      <button id="people">People</button> 
     </div> 
    </div> 

注:我只需要面板過渡的控制。

回答

4

工作jsFiddle例如:http://jsfiddle.net/Gajotres/pZzrk/

.ui-panel-animate { 
    transition: transform 1350ms ease 0s !important; 
}  

不幸的是過渡速度無法通過配置,使這裏需要CSS壓倒一切的改變。

原始值爲350ms

+0

它適用於Chrome瀏覽器,但在Android設備上有一些延遲。 – NickF

+0

Android設備總是有延遲。這是CSS在jQuery Mobile類中用於初始化轉換的相同CSS。 – Gajotres