jquery - jquery：添加设置时间功能

Question

我找到了 Mary Lou 的代码http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizo​​ntal -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

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而不是延迟。

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

});

希望这有帮助！