javascript - 鼠标滚动方向更改功能

我正在尝试创建一个具有一些有趣功能的网页。

简化后，页面上的div几乎覆盖了整个屏幕（顶部和左侧边缘显示背景）。该div内部是可滚动的文本区域。

我需要实现以下功能：鼠标滚轮向下移动几乎全屏的div，直到看不见为止。然后，向上滚动鼠标将其向上移动，直到其位于原始位置，然后向上滚动鼠标应向下滚动文本区域。反之亦然，从初始位置向上滚动可将文本区域向下滚动。所有这些都与光标位置无关。

我不确定如何解决此问题，因此欢迎您提出任何建议和提示。