マテリアルデザインtranslate3d

.container{ 
    position:absolute; 
    left: 100px; 
    top: 100px; 
    -webkit-transform: translate3d(0, 100px, 0); 
    transform: translate3d(0, 100px, 0); 
}

出典

2016-07-18 Alvaro

あなたが望むものを得ることができません:( –

私は MDL tooltipsを使用しようとしているが、彼らは予想通り translate3dプロパティを使用する際に動作するように失敗している（私はいくつかのアニメーションで使用しています）

material.jsでホバリング時にツールチップの位置が動的に計算されるためです。参照してください：https://github.com/google/material-design-lite/blob/mdl-1.x/src/tooltip/tooltip.js#L69

をあなたは<div>ツールチップとツールチップの位置計算台無しに渡すましparent <div>からtransformスタイリングを追加します。

私の提案ではのスタイリングを<div>に変更するだけで、tooltip <div>には影響しません。

出典

2016-07-20 23:36:43 nqngo

translate3dプロパティは、ツールチップがある要素全体に適用されます。私の目的はツールヒントを移動するだけではなく、そのコンテナ要素全体とすべての子要素を移動することです。 – Alvaro

残念ながら、これはMDLの現在の制限です.Githubに問題を提出してくれてありがとう。 – nqngo

マテリアルデザインtranslate3d

答えて

関連する問題