jQueryのslideUpとslideDownはクローム

Question

でうまく動作しないことが、ここでの画像の上に...マークは、その後のFirefoxをChromeで再び戻ってではなく

スクロールをオーバーシュートhttp://dev.nkt-kmc-manjushri.org/

これは、私はコードですを使用して。

// Set height on excerpt for smooth animation 
jQuery(".excerpt").each (function() { 
    jQuery(this).css("height", jQuery(this).height()); 
}); 

// Hide excerpts by default 
jQuery('.excerpt').hide(); 

// Fade in 
jQuery(".slide").hoverIntent({ 
    over: slidein, 
    timeout: 100, 
    out: slideout 
}); 

function slidein(){ 
    // jQuery(this).addClass('active').find('.excerpt').animate({"height":500},400); 
    jQuery('.slide').not(this).animate({opacity:0.3},400); 
    jQuery(this).addClass('active').find('.excerpt').slideDown(500);  
} 
function slideout(){ 
    // jQuery(this).find('.excerpt').animate({"height":0},400); 
    jQuery('.slide').removeClass('active').animate({opacity:1},400); 
    jQuery(this).find('.excerpt').slideUp(1500);  
} 

Answer 1

.height（）メソッドで問題が発生していますか？おそらくCSSだけで固定された高さを設定してみてください（javascriptではない）？

height: 18em; 

私が見ている問題は、各アニメーションが発生する前にいくつかの項目にマウスを移動すると、奇妙な動作をするということです。私は十分に速く動くなら、テキストがイメージに置き換えられているのを見ます。

おそらく、このことを検討：

jQuery('.slide').not(this).stop().animate({opacity:0.3},400); 

jQueryの（この）.addClass（ 'アクティブ'）を見つける。）（停止slideDown（500）;（ '抜粋を。'）。。 。。。

これ：

jQuery('.slide').stop().removeClass('active').animate({opacity:1},400); 

jQueryの（この）.addClass（ 'アクティブ'）（ '抜粋'）を見つける停止（）slideDown（500）。

stop（）は、現在のアニメーションをキャンセルします。

.animate、.slideUp、および.slideDownが提供するコールバックを使用することもできます。

.animate(properties, [ duration ], [ easing ], [ callback ]) 

と

.slideUp([ duration ], [ callback ]) 

そして結合して、あなたのためのアニメーションを行うためにいくつかのカスタムイベントにバインド解除が、それはおそらく行き過ぎだ：ドキュメントから。