1

そこで、画像のロールオーバーにいくつかのトランジションを追加しました。

$(document).ready(function(){
    $('.project').hover(function(){
        $(this).children('.description').stop().slideDown('fast');
    }, function(){
        $(this).children('.description').stop().slideUp('fast');
    });
});

ただし、説明ボックスが半分だけ下にスライドする場合や、スライドする長さの10分の1でさえスライドする場合があります...説明ボックスは300 x 300ピクセルで、300x300ピクセルのボックスにスライドすることになっています...

これは、.projectにすばやくカーソルを合わせると発生するようですが、stop（）がそれ自体をキューに追加して、必要のないときに停止する可能性がありますか？

4

2 に答える 2

0

stop( true, true )アニメーションをすぐに完成させたい場合、またはアニメーションをstop( true, false )完成させたくない場合は、逆にしてみてください。最初のtrueはキューをクリアして、アニメーションを最初からやり直すことができるようにします。なぜそれがうまくいかないのか完全にはわかりません。より完全な答えを出すことができなかったことをお詫びしますが、今のところ私はそれを調べる立場にありません。詳細については、http：//api.jquery.com/stop/を参照してください。通常、jQueryAPIは非常に便利です。

于 2012-05-26T17:09:56.047 に答える
0

jsfiddlehttp : //jsfiddle.net/gizmovation/TpqvT/で例を作成しました

プロジェクトコンテナにすばやくマウスを出し入れすることで、説明ボックスを途中まで表示できます。

これはstop()、が前のアニメーションを停止してから、新しいアニメーションを開始しているために発生します。stop(true, true)他の回答で述べたように合格すると、物事が少し良く見えます。

アニメーションが完全にぶら下がっているのに問題がありますか？その場合は、問題をわかりやすく説明するために作成したjsfiddleを変更してください。さらにサポートを提供できます。

于 2012-05-26T17:19:05.183 に答える