上下矢印のキーでページ内をスムーズに移動

質問

質問させて下さい。

キーボードの上矢印キーを押すと１００pxずつスムーズに上へ移動。
キーボードの下矢印キーを押すと１００pxずつスムーズに下へ移動。

を実装したいのですが、うまく行きませんでした。

if(e.keyCode == 38){ // Key[↑]
$('html,body').scrollTo({top:'-=100px'},800);
}
と考えてみたんですがうまく行きませんでした。
ご教授願います。

よろしくお願い致します。

回答No.1

CyberCypher · ベストアンサー

keycode自体は無効にした？

function keydown()
{
if(event.keyCode == 38){
event.keyCode = 0;
$('html,body').scrollTo({top:'-=100px'},800);
return false;
}
if(event.keyCode == 40){
event.keyCode = 0;
$('html,body').scrollTo({top:'+=100px'},800);
return false;
}
}

window.document.onkeydown = keydown;

お礼

返事が遅くなりました。

試してみます。
ありがとうございました。