Question

我的两个页面上有一个向上滑动和向下滑动的效果，问题是一旦关于幻灯片向上，如果我点击联系人链接，它会在向下滑动之前闪烁到联系页面。由于某种原因，两个幻灯片的jquery格式相同，但如果我在联系人幻灯片启动时单击about链接似乎不会发生。我不确定问题是什么，我希望你们能帮助我解决它。

我将它上传到我的主持人，所以你们可以亲自看到它。 http://maximsiebert.com/unamed/Untitled-1.html

这是我的jQuery

 $(document).ready(function() {
 $('.contact').click(function () {
      if ($('#aboutpage').is(":visible")) {
        $('#aboutpage').slideUp(800)
        $('#portfolio').slideDown(800)  
        $('#portfolio').slideUp(800)
        $('#contactpage').slideDown(800)   
      }
      else if ($('#contactpage').is(":visible")) { 
      $('#contactpage').slideUp(1000) 
      $('#portfolio').slideDown(1000) 
      }
       else if ($('#contactpage').is(":hidden")) { 
      $('#portfolio').slideUp(1000) 
      $('#contactpage').slideDown(1000) 
      $('html, body').animate({scrollTop:0}, 'slow');
      }
      });

}）;

 $(document).ready(function() {
 $('.about').click(function () {
      if ($('#contactpage').is(":visible")) {
        $('#contactpage').slideUp(800)
        $('#portfolio').slideDown(800)  
        $('#portfolio').slideUp(800)
        $('#aboutpage').slideDown(800)   
      }
      else if ($('#aboutpage').is(":visible")) { 
      $('#aboutpage').slideUp(1000) 
      $('#portfolio').slideDown(1000) 
      }
       else if ($('#aboutpage').is(":hidden")) { 
      $('#portfolio').slideUp(1000) 
      $('#aboutpage').slideDown(1000) 
      $('html, body').animate({scrollTop:0}, 'slow');
      }
      });

}）;

Answer 1

通常，您应该等待显示的页面滑动，然后再滑动新页面。

所以你应该使用以下方法：

$('.about').click(function () {
  .... if contact page is shown ...

  $('#aboutpage').slideDown(800, function() {
     $('#aboutpage').slideUp(800);
  });
  .....

});

向上滑动/向下滑动

1 个答案: