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块中的键默认移动。为什么不能发布代码?看看你已经有了什么真的很有帮助。谢谢你的回复,用我的代码更新,现在就阅读回复。。。