【问题标题】:CSS Animation Stutters/Shakes in ChromeChrome 中的 CSS 动画卡顿/抖动
【发布时间】:2014-07-24 23:10:38
【问题描述】:

完全不知道为什么,但在 Chrome 中,移动 div 内的文本(即使用 CSS 过渡移动)在运动时会结结巴巴地晃动。在火狐中没有这个,在那边非常非常流畅,达到了想要的效果。

#hidexpert {
display: block;
z-index: 99999;
position: fixed;
right: 0px;
top: 30%;
transition: right 1s ease;
}
#hidexpert:hover {
right: 220px;
}

这是一个完整的 CSS/HTML 的小提琴。有什么想法吗?

http://jsfiddle.net/5XhkQ/embedded/result/

【问题讨论】:

  • 我无法在我的 Chrome 中重现该内容。元素移动平稳,“实时销售聊天”也一样。没有口吃或颤抖。您使用的是哪个版本的 Chrome?
  • 版本 38.0.2101.0 dev-m 刚刚也下载了 Chromium 作为测试,它在那里运行顺利。但它在我的标准 Chrome 中从来没有顺利运行过——它现在终于让我很恼火,想要修复它。也许我的 about:flags 中有些东西很时髦。感谢您的提醒。

标签: css google-chrome


【解决方案1】:

只需使用http://bassta.bg/demos/smooth-page-scroll/

您根本不必更改现有代码。这会覆盖默认的滚动行为。

【讨论】:

    猜你喜欢
    • 2021-01-16
    • 2013-11-13
    • 2012-04-14
    • 2016-03-22
    • 2016-11-24
    • 2012-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多