親ディビジョンのディメンションに基づく画像オーバーレイの位置

オーバーレイ親ディビットの高さに基づいて配置しようとしているアニメーション画像オーバーレイがあります。親divの寸法は動的に作成されます。親ディビジョンのディメンションに基づく画像オーバーレイの位置

私が現在使用していますコード：

jQuery('.parentdiv').hover(function(){ 
jQuery(".overlaydiv", this).stop().animate({"opacity": "0.95", top:'0px'},{queue:false,duration:500}); 
}, function() { 
jQuery(".overlaydiv", this).stop().animate({"opacity": "0.95", top: '185px'},{queue:false,duration:500}); 
});

私が知りたいのです何が、私は、外側のdivの高さを計算し、その後、私の既存のコードにそれを適用する方法です。具体的には、185pxを親divの高さに置き換えてください。どんな助けでも大歓迎です。

出典

2012-04-27 cknz

' $（this）.outerHeight（true） 'は親divの高さを与えるはずですが、' top：$（this）.outerHeight（true） 'を設定しているときにオーバーレイdivをその場所に配置するだけです何ですか？あなたは欲しいですか？ –

これは動作しないようです。 185pxをあなたのコードに置き換えましたが、私のjQueryは最良ではありません。私は別のものを追加すべきですか？オーバーレイ機能はスライドアップ/スライドダウンエフェクトなので、コードの2番目のメインラインに高さを指定してマウスオフ時に再び元に戻す必要があります。 – cknz

jQueryのでouterHeight()（Source）を試してみてください。

top: $(this).outerHeight(true) //specfiy true because we want to include margins

編集：あなたは、垂直後に親が子供を配置したいしている場合、が、試してみてください。

top: $(this).outerHeight(true) + $(this).position().top

出典

2012-04-27 20:04:48 mattytommo

これは彼に望ましい効果を与えないかもしれません。上の私のコメントを参照してください –

Ahhええ、私は彼が今言及したことを混乱させるかもしれないと思う、上のコードは彼に親の身長を与えるだろうが、おそらく彼はそれを$（this）.position（）に追加したい。 top'私は含むように編集します。 – mattytommo

提案していただきありがとうございますが、私はこれを既存のコードで使用することはできません。 – cknz

親ディビジョンのディメンションに基づく画像オーバーレイの位置

答えて

関連する問題