css过渡计算滞后w / jQuery scrollLeft动画

Question

我正在研究这个概念：

codepen.io/dkpen/pen/rxRNaL?editors=0010

概念是关于放大效果（在圆圈上）和滚动更改位置。问题是，当你点击我点击！按钮css过渡落后于所有浏览器 - 它在firefox中更好一点 - 。您认为我怎么能消除这种滞后而不改变概念（所以margin-left，top和scrolltop位置等等。