Javascript 按箭头键时滚动页面内容

嗨，我想知道当按下箭头键时，我如何使我的页面滚动。如此页面：。接受Java脚本和jQuery

---

谢谢，伊万。

默认情况下，每一页都可以用上下箭头键滚动

如果您正在谈论平滑自定义滚动-您要求的页面正在使用

<> P>有很多LIBS和插件可以帮助实现类似的用户体验，考虑使用谷歌为<强>平滑滚动[箭头键] < /强>

示例库：

---

这是一个angularJS应用程序。他们使用角度滚动（）库平滑滚动页面上的元素。下面是一个小的角度应用程序，演示如何平滑滚动页面上的多个元素

（函数（）{
var app=angular.module（“soDemo”['duScroll']）；
应用控制器（“soDemoController”，soDemoController）；
SoDemoController.$inject=['$scope'，'$document']；
功能控制器（$scope，$document）{
var vm={
getContent:getContent，
滚动到：滚动到
};
$scope.vm=vm；
返回；
//////////实施////////
函数getContent（大小）{
返回“blah”。重复（大小）；
}
功能滚动到（选择器）{
//注意：通常我们不想在控制器中与DOM交互。指令是实现这一点的正确方法，但在本例中，我们不考虑它。
变量目标=$（选择器）[0]；
$document.scrollToElementAnimated（目标为0，1000）；
}
}
})();
a{
颜色：蓝色；
文字装饰：下划线；
光标：指针；
}

标题1
转到标题2
{{vm.getContent（1000）}

标题2
转到标题3
{{vm.getContent（1000）}

标题3
{{vm.getContent（100）}

登顶
默认情况下，向上键和向下键绑定到页面的滚动部分。你不需要设置任何东西。可能的重复（这是一个“足够接近”的重复——你可以在捕捉关键代码时触发它，而不是点击事件，但这很简单）问题没有标记为Angular，所以我不确定这是最好的建议。我不建议使用它，我只是说在提供的示例Fair上是如何做到的，但我认为这将进入“应该是评论而不是回答”的领域……为什么要投否决票？从高层次上讲，这就是他们是如何在该网站上实现滚动的。我并没有说从零开始学习如何做到这一点很容易。请参阅Mihey Egoroff答案的评论（此外，这个答案对他的答案是多余的）。还有：哦！我完全不明白。我更新了我的答案，演示了如何使用他们的库。谢谢你花时间告诉我！！