javascript - YUI App transition "flickers"on showView

Question

我对 YUI 应用程序中的转换有疑问。每次我使用 showView 方法更改 View 时， View 的内容都会向左移动很短的时间，然后返回到它所属的位置。

在此处查看实际效果: http://jsfiddle.net/casperskovgaard/ez7wH/

我使用这个 css 来居中 View :

#content {
  margin: auto;
  width: 400px;
}

如果我删除 css，则 View 不会闪烁...但我需要它居中。

有什么想法吗？

Answer 1

在您的 js 代码的最底部，将 transitions 设置为 false

DEMO

YUI().use('app', 'demo-app', function (Y) {
    'use strict';

    var demoApp = new Y.DemoApp({
        root: '/demo',
        serverRouting: false,
        transitions: false
    });

    demoApp.render();
});