css转换translate3d后错误的元素scrollWidth

时间:2014-04-15 09:37:47

标签: javascript jquery html css3 google-chrome

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

此问题适用于Chrome浏览器和Android移动浏览器。

JSFiddle

更新:对于我的案例有助于从transform:translate3d回退到transform:翻译,但问题仍然存在。

1 个答案:

答案 0 :(得分:0)

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

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