Chrome 中的 CSS 动画断断续续/抖动

Question

完全不知道为什么，但在 Chrome 中，移动的 div 内的文本(即使用 CSS 过渡移动)在移动时会断断续续地摇晃。它不会在 Firefox 中执行此操作，它在那里非常非常流畅并且具有预期的效果。

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

这是一个包含完整 CSS/HTML 的 fiddle 。有什么想法吗？

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

Answer 1

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

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