CSS转换translate3d后元素scrollWidth错误
[英]Wrong element scrollWidth after css transform translate3d
问题描述
父元素具有属性overflow: scroll 。 当我通过jquery css属性转换移动子元素时，父对象第一次更改其属性scrollWidth 。 但是，下一次对transform的操作不会更改父对象的scrollWidth 。
Chrome浏览器和Android移动浏览器实际存在此问题。
更新：就我而言，这有助于从transform：translation3d转换为transform：translation，但问题仍然存在。
1 个解决方案
解决方案1
0 2014-04-15 09:48:54
我使用firefox打开了它，并且具有相同的行为。.我认为转换不会更改默认位置。.您可以使用consoleLog('pos: ' + $two.css("left"));证明这consoleLog('pos: ' + $two.css("left")); 并且不要忘记在CSS中添加left: 0px 。
要更改div的位置，您可以在此处使用jQuery animate ...
CSS z-index不适用于父级已转换的元素：translate3d
[英]CSS z-index is not working with element which parent has transform:translate3d
CSS-translate3d将导致元素在移动浏览器中可拖动？
[英]css - translate3d would cause element draggable in the mobile browser?
转换：translate3d使固定位置元素充当绝对定位的元素
[英]transform: translate3d makes fixed position element act as an absolute positioned one
CSS / JS转换：translate3d和滚动-在Android上流畅，在iPhone上没有动力
[英]CSS / JS transform:translate3d and scrolling - smooth on Android, no momentum on iPhone
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
CSS Translate3d后ontransitionend不绑定
CSS z-index不适用于父级已转换的元素：translate3d
滚动滚动translate3d
禁用CSS / JavaScript动画（转换：translate3d）
CSS-translate3d将导致元素在移动浏览器中可拖动？
css3：尝试动态地将 translate3d 应用到 ::after
转换：translate3d使固定位置元素充当绝对定位的元素
在Safari 8上CSS Translation3d非常易用
CSS3的translate3d替代品？
CSS / JS转换：translate3d和滚动-在Android上流畅，在iPhone上没有动力
相关标签