Javascript 滚动一行HTML

我正在尝试创建一个带有滚动条的div，并希望能够一次垂直滚动一行。目前它跳过了一些行。如果我有5行，它将每隔一行跳过一行并显示下一行

请在下面的链接中查看我的当前代码。当你滚动时，你会注意到它跳过了一行。需要能够查看所有行。一次一个

我当前的CSS

#notesDiv {
line-height: 20px;
height: 23px;
overflow-y: scroll;
border: 1px solid #D8E8EC;
padding-left: 9px;
}

我试过一些方法，但没能成功。任何协助都将不胜感激

谢谢