Javascript 使用上下箭头键平滑滚动x像素

我试图使整个html页面平滑滚动，方法是按精确的像素数上下点击箭头键。（例如：我按下箭头键，页面向下滚动300px，然后我再次按下箭头键，页面再次滚动300px，然后我按下箭头键，页面向上滚动300px…）我创建了这些帖子：但我不知道如何使箭头键与之协同工作。你能帮帮我吗？

我不知道这对你是否有帮助..但是有一个建议，关于卷轴，我已经修改了我的网页，在这个帮助下有了简单的卷轴