javascript - 如何通过按向上和向下箭头使 slider 移动

Question

您好，我试图通过按下向上和向下箭头来移动此 slider ，我尝试了这段代码，但它无法正常工作

JsFiddle Here

$("body").keydown(function(e) {
  if(e.keyCode == 38) { // top
    $(".swiper-slide").animate({
      top: "-=518"
    });
  }
  else if(e.keyCode == 40) { // bottom
    $(".swiper-slide").animate({
      bottom: "+=518"
    });
  }
});

Answer 1

为什么不直接触发点击 Action ，让键盘执行与鼠标点击相同的操作......

$("body").keydown(function(e) {

  if(e.keyCode == 38) { // top
    $('.swiper-pagination-bullet-active').prev().trigger('click');
  }
  else if(e.keyCode == 40) { // bottom
    $('.swiper-pagination-bullet-active').next().trigger('click');
  }
});

https://jsfiddle.net/83h6wb5s/5/