Javascript 向下滚动时自动更新突出显示的文本（JQuery）

我是jQuery的新手，我非常需要关于我的项目的帮助，比如说，这就像是一个雅虎收件箱，当你突出显示一条消息时，当你使用向下箭头键导航到底部时，我的关注点是。当突出显示的消息到达底部时，它会自动更新下一条消息并将其突出显示，而您仍在向下滚动

如您所见，突出显示的电子邮件位于底部，蓝色突出显示的电子邮件。我想做的下一个图像是在最后一条消息后向下滚动。突出显示的文本向上移动，您继续向下滚动。请参见下一张图片

如果有一个JSFIDLE示例或一个代码片段，我们会非常感激。多谢各位