scrollWidth與柔性使用行反向

請看看這個plunker時返回，而不是實際內容寬度clientWidth：http://plnkr.co/edit/OXm4T2i0tw6UOEwaDSkx?p=preview scrollWidth與柔性使用行反向

在Chrome中，容器scrollWidth值爲1616px（正確的）。在Firefox和IE11中，它是940px（容器的寬度，而不是內容的寬度）。

如果我將容器的彈性方向設置爲row而不是row-reverse，則一切正常。

這是Firefox和IE中的錯誤嗎？我該如何解決這個問題，或者解決這個問題？

謝謝。

來源

2016-12-06 Maksym

我也開了一個bug在Firefox的Bugzilla的https://bugzilla.mozilla.org/show_bug.cgi?id=1322236 – Maksym

我改成'row'，它仍然會返回940在邊緣/火狐.... – LGSon

奇怪。對我而言，如果我在app.css文件的第15行上更改爲'row'而不是'row-reverse'，Firefox會警告1617px。我在Windows 8.1 x64上使用Firefox 50.0.2。 @LGSon，你的Firefox版本是？ – Maksym

作爲解決方法，我在FF和Edge中成功測試了這一點，首先更改flex-direction屬性，讀取值並重置屬性。

Updated Plnkr

var container = document.querySelector('.container'); 
container.style.flexDirection = "row"; 
var temp = container.scrollWidth; 
container.style.flexDirection = "row-reverse"; 
alert (temp + ' ' + container.scrollWidth);

來源

2016-12-07 16:08:17 LGSon

標記此答案爲接受，因爲它是唯一的建議，無論如何，它證明了工作，現在我在我的生產代碼中使用這個。 – Maksym

scrollWidth與柔性使用行反向

回答

相關問題