一時的にホバリング上の要素の高さを調整
-
26-09-2019 - |
質問
私は限られた高さ<h3>
タグ(100 PX例えば、位置:絶対的な)を有し、テキスト、それをオーバーフロー。
私は、ISをやりたいと、マウスはそれと元の高さ(100pxに)に戻って上にあるときに必要とされる高さの上にそれを下にスライドさせます。
私はあなたが私が何を意味するか理解を願っています。
私はそれがそのためにslidedown()関数を使用して、私はアニメーション機能で非常に弱いだとは思いません。すべてのヘルプしてください?
解決
ネストすることができ、コンテンツが含まれ、その後、マスキングコンテナとしてH3(使用のオーバーフロー:隠された)を使用H3の内側のdiv。ユーザーのマウスを置いたが、オーバー、内部のdivの高さのgetという機能を発射する場合(任意のマージンやパディングを含めるようにしてください)。そして、あなたを実行し、高さ(、jqueryのでは$('h3').animate({height: heightVar});
のようなものを)アニメーション機能を調整マウスアウトは100pxににH3バックの高さを復元する機能を発射します。
ここにサンプルがあります: http://jsfiddle.net/XR9fb/する
他のヒント
あなたはscrollHeight
プロパティを持つ要素の実際の高さを得ることができます。今、私は本当に多くのjQueryのかわからないが、私はあなただけの要素のscrollHeight
に高さCSSプロパティを設定するアニメーションを呼び出すことができます想像したときに元の高さにマウスホバーそれ、およびリターンときの外にマウスを移動しますこれます。
要素の高さが固定されていない場合、あなたは完全な要素を表示する前に現在の高さのどこかを軟膏ことができ、およびマウスが要素から出たとき、あなただけのこの状態を復元します。