使用箭头键或按钮scrollTo next/prev anchor？

我一直在谷歌上搜索了一个星期，我只是不明白如何将它结合所有:(使用箭头键或按钮scrollTo next/prev anchor？

我在做类似this水平的网站，但我希望能够用箭头导航键来回移动类似的水平页的部分之间this

相关的研究，我发现以下页面：

我已经能够拿出最好的是这一点，但它不工作：

$(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类的方法？我在这里迷路了。也许我要求太多，但如果有人能在正确的方向指向我，我会很感激，谢谢:)

来源

2011-12-07 Jenny Westburg

为什么你不能发布你的代码？这将有助于看到你已有的东西。 –

感谢您的回复，使用我的代码更新并通过阅读回复现在... –

下面的代码将检测左/右箭头按键：

$("body").keydown(function(e) { 
    if (e.which == 37) { 
     // left arrow pressed 
    } 
    else if (e.which == 39) { 
     // right arrow pressed 
    } 
});

你只需要为每个条件添加幻灯片逻辑。

来源

2011-12-07 08:53:50

$('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 
    } 
});

使用.animate()做滚动效果，并使用e.preventDefault();防止那些每个if块的键的默认动作。

来源

2011-12-07 09:06:22 rkw

使用箭头键或按钮scrollTo next/prev anchor？

回答

相关问题