Question

我将这段代码拼凑在一起，使用户比正常情况更进一步向前/向右推进。它运作良好，我喜欢上/下一样的。如果有人知道，我会感激回复！谢谢大家。

$(document).keydown(function(e) {
  if (e.keyCode == 37) {
    var leftPos = $('.jcarousel').scrollLeft();
    $(".jcarousel").animate({
      scrollLeft: leftPos - 800
    }, 800);
    return false;
  }
  if (e.keyCode == 39) {
    var leftPos = $('.jcarousel').scrollLeft();
    $(".jcarousel").animate({
      scrollLeft: leftPos + 800
    }, 800);
    return false;
  }
  if (e.keyCode == 40) {
    var topPos = $('.wrapper').scrollTop();
    // DO SOMETHING, BUT WHAT?
    return false;
  }
  if (e.keyCode == 38) {
    // DO SOMETHING, BUT WHAT?
    return false;
  }
});

Answer 1

所以这里是最后一块，因为它应该这样做。（想通了......）

<script>
$(document).keydown(function(e){
    if (e.keyCode == 37) { 
         var leftPos = $('.jcarousel').scrollLeft();
         $(".jcarousel").animate({scrollLeft: leftPos - 1200}, 800);
       return false;
    }
     if (e.keyCode == 39) { 
         var leftPos = $('.jcarousel').scrollLeft();
         $(".jcarousel").animate({scrollLeft: leftPos + 1200}, 800);
       return false;
    }
     if (e.keyCode == 40) { //Down
         var topPos = $(window).scrollTop();
     $(window).animate({scrollTop: topPos + 800}, 600);
             $(".jcarousel").animate({scrollLeft: 0}, 800);

       return false;
    }
     if (e.keyCode == 38) { //Up

 var topPos = $(window).scrollTop();
     $(window).animate({scrollTop: topPos - 800}, 600);
             $(".jcarousel").animate({scrollLeft: 0}, 800);

       return false;
    }
});
</script>

如何将向上和向下箭头键映射到向上翻页和向下翻页键

1 个答案: