如何通过按上，使滑块移动和向下箭头

Question

您好我试图使按向上和向下箭头，我想这代码这个滑块移动，但它不能正常

工作的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

您正在使用的组队，探索图书馆去下一个和上一张幻灯片的方法（你可以看到这个库，这里的整个API文档：http://idangero.us/swiper/api/）

var mySwiper = new Swiper(".swiper-container", { 
    direction: "vertical", 
    loop: false, 
    pagination: ".swiper-pagination", 
    grabCursor: true, 
    speed: 1000, 
    paginationClickable: true, 
    parallax: true, 
    autoplay: false, 
    effect: "slide", 
    mousewheelControl: 1 
}); 

$("body").keydown(function(e) { 
    if(e.keyCode == 38) { // top 
    mySwiper.slidePrev(); 
    } 
    else if(e.keyCode == 40) { // bottom 
    mySwiper.slideNext(); 
    } 
}); 

https://jsfiddle.net/h1atwcyy/

Answer 2

为什么不trigger the click动作，让键盘做同样的鼠标点击会做..

$("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/