jquery：添加设置时间功能

Question

我找到了 Mary Lou http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery 的代码 我尝试在 5 秒后自动添加动画。不幸的是，无济于事。

我可以寻求帮助并添加这些行吗？我不是程序员，我真的不知道我还有什么奇怪的技巧。

$(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 德德

Answer 1

animate 中的1000 设置动画持续时间，所以如果你想在动画星星之前等待，你应该使用：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 而不是延迟。

如果您希望动画在页面加载后单击 OR 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(); 

});

希望这有帮助！