2012-03-29 4 views
1

私は、スクロールするdivにスパンをセンタリングしようとしています。つまり、spanの中央に置かれ、div内のテキストの残りの部分がスクロールします。私はposition:relativeを使ってこれを行うことに成功しましたが、何らかの理由でtranslate3dを使用したときにposition:relative属性が失われました。翻訳3D http://jsbin.com/etowuh/6/editposition:relative3 after translate3d

とtranslate3d http://jsbin.com/etowuh/4/edit

なし

は "滞在中心に" テキスト中心を維持しながらtranslate3d使用する方法はありますか?

答えて

0

ことは、これを試してみてください:http://jsbin.com/arusor/edit#javascript,html

+0

(私が間違って#wrapperの下にそれを持っていたが、現在固定)#scrollerに適用する必要がtranslate3dので、#のwrapper3dにtranslate3dを使用して動作しません。 – Chmille4

+0

私はそれをクロムで見ています。翻訳なし3d http://jsbin.com/etowuh/4/edit <= right "stay centered"は固定&スクロールで、追加されたwrapper3d&translate3d http://jsbin.com/usor/edit#javascript,html < = right "stay centered"は固定&スクロールのままで、#scrollerのtranslate3dは親のhttp://jsbin.com/ekoqes/edit#javascript,htmlと "stay centered"の動きをします。あなたの質問がはっきりしなかったか、あなたは別の結果の後になっていました。 – Undefined

+0

ジュリアンの助けをありがとう。私の質問はあまり明確ではないと思います。もう一度試してみましょう。私はtranslate3dを#scroller divに適用すると、 "stay centered"テキストを中心にして、divをスクロールするようにします。 translate3dを#wrapperまたは#wrapper3dに適用するとdivがシフトされますが、これは私の後ではありません。物事を明確にすることを願っています。 – Chmille4