1、选择您想要获取滚动的div元素
首先，使用JavaScript选择您想要获取滚动的div元素。您可以使用Document对象的querySelector()方法或getElementById()方法来选择该元素。
2、监听滚动事件
接下来，使用addEventListener()方法向该div元素添加滚动事件监听器。当用户滚动该div元素时，将触发此监听器。
3、获取滚动位置
在滚动事件监听器内部，可以使用scrollTop属性获取div元素的垂直滚动位置。该属性返回一个整数值，表示从div元素的顶部滚动的像素数
4、处理滚动事件
在滚动事件监听器中，您可以编写代码来处理滚动事件。例如，您可以根据滚动位置更改其他元素的位置或样式。
5、检查滚动方向
如果您想要检测滚动的方向（向上或向下），可以将scrollTop值存储在变量中，并在下一次滚动事件中与新的scrollTop值进行比较。
6、清除事件监听器
当您不再需要获取div元素的滚动时，使用removeEventListener()方法清除滚动事件监听器。
