0

ページに画像が表示され、画像の上にカーソルを置くと、画像の上に背景色がアニメーション化し、画像の上にテキストがスクロールする小さなシステムがあります。次に、ホバリングを停止すると、テキストのスクロールがオフになり、次のコードで背景がフェードアウトします。

$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関数内にあり、そのようなことが可能になるのを止めると思いました。

4

0 に答える 0