首页 / JAVASCRIPT / javascript – ExtJs 4 – 淡入应用程序视口

javascript – ExtJs 4 – 淡入应用程序视口

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – ExtJs 4 – 淡入应用程序视口，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含751字，纯文字阅读大概需要2分钟。

内容图文

我试图为我的应用程序创建一个简单的效果,即在1-2秒的时间内从白色淡入它,这样用户就不必看到它正在组装.

我几乎有它工作,但有一些闪烁,我似乎无法摆脱.基本上ExtJS正在渲染我的UI,然后立即隐藏它,以便它可以淡入.

这是我的应用程序：

Ext.application({
    name : 'MyApp', // Application level namespace
    appFolder : 'js/myapp', // Directory path to app
    autoCreateViewport : true,

    launch : function() {    
        // fade in the viewport
        var form = Ext.ComponentQuery.query("viewport")[0];
        form.getEl().fadeIn({
            from : {
                opacity : 0
            },
            duration : 1000 
        });

    }
});

我怎么能摆脱FadeIn之前的初始抽奖？

解决方法:

我猜错了,默认情况下我可以将视口的不透明度设置为0并且工作正常：

Ext.define('MyApp.view.Viewport', {
    extend : 'Ext.container.Viewport',
    style: 'opacity: 0;',
    items : [ {
        xtype : 'someview'
    } ]
});

内容总结

以上是互联网集市为您收集整理的javascript – ExtJs 4 – 淡入应用程序视口全部内容，希望文章能够帮你解决javascript – ExtJs 4 – 淡入应用程序视口所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/822927.html

来源：【匿名】