【问题标题】:jquery animation is choppy in internet explorer when a large background image is used使用大背景图像时,jquery 动画在 Internet Explorer 中不稳定
【发布时间】:2011-04-16 13:58:38
【问题描述】:

我正在使用动态扩展的背景图片(类似于新的 google 主页背景图片功能)。我有一个 jquery lavalamp 动画菜单,它位于大背景图像的顶部。

jquery 动画在所有浏览器中都非常流畅,除了(你猜对了)IE。在 IE8 中,它是不稳定的。

我已经排除了调整背景大小的javascript,因为我可以禁用页面上的所有javascript(动画除外),并手动为图像添加一个大的宽度和高度属性,我得到相同的效果.

关于如何解决这个问题的任何想法?

【问题讨论】:

    标签: jquery performance internet-explorer animation


    【解决方案1】:

    我建议禁用 IE 中的动画。对于大多数 jQuery 动画,我认为您需要做的就是将持续时间设置为 0,或者至少减少持续时间。

    您也许可以进行其他优化以使页面在 IE 中更快地呈现(例如调整 CSS)。您可以使用一百种不同的晦涩的黑魔法代码技巧来尝试使 javascript 运行得更快。您还可以使用脚本基准测试工具,例如 Y!Slow。一些可能对您有所帮助的链接:

    Y!慢速脚本性能指南:

    http://developer.yahoo.com/yslow/help/#guidelines

    IEBlog:javascript 性能建议:

    http://blogs.msdn.com/b/ie/archive/2006/08/28/728654.aspx

    Google Page Speed 工具和最佳做法:

    http://code.google.com/speed/page-speed/download.html

    【讨论】:

    • 您可以使用$.fx.off 全局关闭动画
    • 如何关闭 Internet Explorer 的动画?
    • @FranciscoCorrales:如果上面的性能故障排除指南都没有帮助您,您可以编写特定于浏览器的代码来关闭动画。您可以使用已弃用的 $.browser 属性(jQuery 1.8 及更早版本)或 jQuery.migrate 插件(1.9 及更高版本)。
    • 谢谢,我为此使用了一个插件。 bowser.js
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-28
    • 1970-01-01
    • 1970-01-01
    • 2012-03-18
    • 2011-01-08
    • 2012-11-09
    相关资源
    最近更新 更多