0

MaryLouのコードを見つけましたhttp://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizo​​ntal-page-scrolling-with-jquery5 秒後にアニメーションを自動的に追加しようとしています。残念ながら、役に立たない。

助けを求めて、これらの行を追加できますか？私はプログラマーではないので、他に何ができるのか本当にわかりません。

$(function() {
            $('ul.nav a').bind('click',function(event){
                var $anchor = $(this);
                    $('html, body').stop().animate({
            scrollLeft: $($anchor.attr('href')).offset().left
            }, 1000);
            event.preventDefault();
            });
       });

THX dede

4

1 に答える 1

1

1000内でアニメーションのanimate長さを設定するため、アニメーションスターの前に待機する場合は、次のdelay(5000)ように使用する必要があります:

$(function() { 
            $('ul.nav a').bind('click',function(event){ 
                var $anchor = $(this); 
                    $('html, body').stop().delay(5000).animate({ 
            scrollLeft: $($anchor.attr('href')).offset().left 
            }, 1000);
            event.preventDefault(); 
            }); 
       });

delayうまくいかない場合は、遅延する代わりに書き込みを試みてくださいidle。

ページが読み込まれてから 5 秒後にクリックしたときにアニメーションを動作させたい場合は、次のようにする必要があります。

$(document).ready(function () {
      $('ul.nav a').bind('click',function(event){ 
           var $anchor = $(this); 
           $('html, body').stop().animate({ 
                scrollLeft: $($anchor.attr('href')).offset().left 
           }, 1000);
           event.preventDefault(); 
       }); 
       var $anchor = $('ul.nav a');
       $('html, body').stop().delay(5000).animate({ 
            scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1000);
       event.preventDefault(); 

});

これが役に立てば幸いです！

于 2012-07-10T12:23:38.800 に答える