Question

我在网站上遇到问题请帮助我这是我的网站链接http://istinye.superpaket.org

 $(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菜单出现但很快我想慢慢地想要这个效果。提前谢谢......

Answer 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();
    });
});

参考：http://api.jquery.com/animate/#duration

Answer 2

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();
    });
});

Answer 3

您可以将持续时间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();
    });
});

点击div上显示缓慢

3 个答案: