Jquery 使用箭头键或按钮滚动到下一个/上一个锚点?

Jquery 使用箭头键或按钮滚动到下一个/上一个锚点?,jquery,scrollto,Jquery,Scrollto,我已经在谷歌上搜索了一个星期,但我不知道如何将它们结合起来:( 我正在创建一个类似于的水平网站,只是我希望能够使用箭头键在水平页面的各个部分之间来回移动,类似于 我在相关研究中发现了以下几页: 我能想到的最好的办法是这个,但它不起作用: $(document).bind('keydown',function(evt) { switch(evt.keyCode) { case 37: evt.preventDefault()

我已经在谷歌上搜索了一个星期,但我不知道如何将它们结合起来:(

我正在创建一个类似于的水平网站,只是我希望能够使用箭头键在水平页面的各个部分之间来回移动,类似于

我在相关研究中发现了以下几页:

我能想到的最好的办法是这个,但它不起作用:

$(document).bind('keydown',function(evt) {
        switch(evt.keyCode) {
        case 37:
              evt.preventDefault(); 
              $.scrollTo('+=564px', 800, { axis:'x' }); 
                    break;
                }
});


$(document).bind('keydown',function(evt) {
        switch(evt.keyCode) {
                    case 39:
              evt.preventDefault();
              $.scrollTo('-=564px', 800, { axis:'x' });
                    break;
                }
});

难道没有一种方法可以创建锚或div类,可以使用箭头键或单击箭头按钮滚动到这些锚或div类吗?我在这里很迷茫。也许我要求的太多了,但如果有人能为我指出正确的方向,我将不胜感激,谢谢:)

以下代码将检测左/右箭头按键:

$("body").keydown(function(e) {
    if (e.which == 37) { 
        // left arrow pressed
    }
    else if (e.which == 39) { 
        // right arrow pressed
    }
});
您只需要为每个条件添加幻灯片逻辑

$('document').keypress(function(e) {
   if (e.which == 38) {
       //scroll up
   } else if (e.which == 39) {
       //scroll right
   } else if (e.which == 40) {
       //scroll down
   } else if (e.which == 37) {
       //scroll left
   }   
});

用于实现滚动效果,并使用
e.preventDefault()
防止每个if块中的键默认移动。

为什么不能发布代码?看看你已经有了什么真的很有帮助。谢谢你的回复,用我的代码更新,现在就阅读回复。。。