2015-02-25 3 views
2

Я столкнулся с проблемой в моем вебе-сайте, пожалуйста, помогите мне это мой сайту ссылка http://istinye.superpaket.orgпо щелчку DIV появляется медленно

$(function() { 
    $('li.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1500, 'easeInOutExpo'); 
     event.preventDefault(); 
    }); 
}); 

Когда я нажимаю на любой кнопку меню навигации DIV появляется очень быстро. Я хочу, чтобы div медленно не быстро. например, когда я нажимаю кнопку «Menü», появляется меню div, но очень быстро я хочу этого эффекта медленно. Заранее спасибо ...

+1

увеличьте время анимации на инкремент '1500' –

ответ

1

Вы можете изменить продолжительность анимации

$(function() { 
    $('li.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 5000, 'easeInOutExpo'); 
     //--^--------- change animation duration on here in milliseconds 
     event.preventDefault(); 
    }); 
}); 

Ref: http://api.jquery.com/animate/#duration

0
Can you set time delay i.e 4000 
Hope its working. 

    $(function() { 
     $('li.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
     scrollTop: $($anchor.attr('href')).offset().top 
    }, 4000, 'easeInOutExpo');//Change here 
    event.preventDefault(); 
    }); 
}); 
0

Только вы можете изменить длительность 1500 к 6000 или что-то

$(function() { 
    $('li.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 6000, 'easeInOutExpo'); //change animation duration    
     event.preventDefault(); 
    }); 
}); 
Смежные вопросы