位置：translate3d後相對丟失

我試圖將一個跨度放在滾動的div中，即跨度保持居中，而不會滾動而div滾動中的其餘文本滾動。我設法使用position：relative來做到這一點，但由於某種原因，當我使用translate3d時，position：relative屬性會丟失。位置：translate3d後相對丟失

沒有translate3d http://jsbin.com/etowuh/4/edit

與轉換3D http://jsbin.com/etowuh/6/edit

有沒有辦法使用translate3d同時保持「留爲中心」的文本爲中心？

來源

2012-03-29 Chmille4

試試這個：http://jsbin.com/arusor/edit#javascript,html

來源

2012-03-29 19:14:47 Undefined

translate3d需要被應用到#scroller（我誤了它在#wrapper指定;現在固定的），因此，使用translate3d上＃wrapper3d將無法正常工作。 – Chmille4 2012-03-29 19:55:54

我正在查看它的鉻。沒有翻譯3d http://jsbin.com/etowuh/4/edit <=右「保持居中」是固定和滾動，添加了wrapper3d＆translate3d http://jsbin.com/arusor/edit#javascript,html < =右側「保持居中」保持固定和滾動狀態，＃scroller右側的「保持居中」的translate3d隨其父級http://jsbin.com/ekoqes/edit#javascript,html一起移動。要麼你的問題不清楚，要麼你的結果不一樣。 – Undefined 2012-03-29 20:27:20

感謝Julien的幫助。我想我的問題不是很清楚。讓我再嘗試一次。當我將translate3d應用到#scroller div時，我希望「居中居中」文本保持居中，這將使div顯示爲滾動。將translate3d應用到#wrapper或＃wrapper3d只會改變div，這不是我所追求的。希望澄清事情。 – Chmille4 2012-03-29 20:38:32

位置：translate3d後相對丟失

回答

相關問題