0

アニメーションをスクロールした後、またはメニューリンクをクリックしたときにロゴをアニメーション化するためにトレイを使用していますが、機能しません。

私はアニメーションスクロール用にこのコードを入手しました：

jQuery(function() {
            jQuery('a').bind('click',function(event){
                var $anchor = jQuery(this);

                jQuery('html, body').stop().animate({
                    scrollTop: jQuery($anchor.attr('href')).offset().top
                }, 2000,'easeInOutExpo');

                event.preventDefault();
            });
        });

次に、ロゴをアニメーション化するために、ウィンドウの位置が変更された場合、次のようにしました。

jQuery(document).ready(function(){
 jQuery(window).bind('scroll',function(){
        var wscroll = jQuery(this).scrollTop();
        if(wscroll > 500){
            jQuery('#logo').delay(800).animate({
                    left:'+48px'
                    });
            }else if(wscroll < 500){
                jQuery('#logo').animate({
                    left:'-250px'
                    });
                }
                console.log(wscroll);
        });

});

これが例です

しかし、これはまったく機能していません。

いくつかのガイダンスをいただければ幸いです。事前にTks。

4

4 に答える 4

4

注: console.log により、Firefox でスクリプトがクラッシュします。

また、実際の問題は、アニメーションで .stop() を使用する必要があることです。アニメーションを継続的に実行しているようです。

于 2012-05-08T03:38:31.953 に答える
1

ScrollToプラグインとOnAfter関数を使用できます。

$(...).scrollTo( 'SomeWhere', 1600, {onAfter:function(){ 
   //Your code
} } );
于 2012-05-08T04:01:33.053 に答える
0

プラグインへの作業スクロールが必要です。これは、スクロール中にアニメーション化するプラグインの 1 つです。Jquery スクロール プラグイン

于 2012-05-08T06:40:55.683 に答える
0

私は簡単な例を書きました、多分あなたを助けるでしょう。それは私のために働いていますが、アニメーションの反応はかなり遅いです...理由がわからない:/

http://jsfiddle.net/pVHwY/1/

于 2012-05-08T04:00:50.043 に答える