css转换translate3d后错误的元素scrollWidth

【问题标题】：Wrong element scrollWidth after css transform translate3dcss转换translate3d后错误的元素scrollWidth
【发布时间】：2014-04-15 09:37:47
【问题描述】：

父元素具有属性overflow: scroll。当我通过 jquery css 属性转换移动子元素时，父母第一次更改了他的属性scrollWidth。但是接下来对变换的操作不会改变父级的scrollWidth。

Chrome 浏览器和 Android 移动浏览器实际存在此问题。

更新：对于我的情况，有助于从 transform: translate3d 回退到 transform: translate 但问题仍然存在。

【问题讨论】：

【解决方案1】：

我使用 firefox 打开它并且具有相同的行为.. 我认为 transation 不会更改默认位置.. 您可以使用 consoleLog('pos: ' + $two.css("left")); 证明它并且不要忘记在您的 css 中添加 left: 0px ..

要更改 div 的位置，您可以使用 jquery animate here...

【讨论】：

Move throw css left with animation 在 android 移动设备上表现不佳。对于设备上的正常工作，我需要使用过渡。它的属性不应该改变css。