ページに画像が表示され、画像の上にカーソルを置くと、画像の上に背景色がアニメーション化し、画像の上にテキストがスクロールする小さなシステムがあります。次に、ホバリングを停止すると、テキストのスクロールがオフになり、次のコードで背景がフェードアウトします。
$j('.projects .block .mob_hide').hover(function(){
console.log('sliding detals');
$j(this).find('.background').stop().animate({
'opacity': 'toggle'
}, 400);
$j(this).find('.text').stop().animate({
'height': 'toggle',
'opacity': 'toggle'
}, 400);
});
これですべて正常に動作しますが、ページがまだロードされているときにユーザーが画像をスクロールすると (100% 確実ではありません)、マウスが画像の上になくてもマウスのホバー状態が表示されることがあります (そして、非表示の上にホバーすると、およびホバリング表示を解除します)。
この問題に対抗する方法はありますか? mコードは現在window.load関数内にあり、そのようなことが可能になるのを止めると思いました。