2013-06-20 130 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