jQuery移动面板过渡

时间:2013-06-20 11:26:52

标签: jquery-mobile

我有一个带有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>

注意:我只需要面板转换控制。

1 个答案:

答案 0 :(得分:4)

使用 jsFiddle 示例:http://jsfiddle.net/Gajotres/pZzrk/

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

不幸的是,无法通过配置更改转换速度,因此需要 CSS 覆盖。

原始值为 350ms