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上沒有動力
相關標簽