如何使用Vue监听特定div滚动事件并判断滚动位置？

本文共计1083个文字，预计阅读时间需要5分钟。

在开发过程中，经常会遇到这样的vue页面：页面分为左右两部分，左边是目录树，右边是一个名为xq-box的div。xq-box中多个div上下并列布局，每个div中的内容对应左边目录树中的相应节点。

在开发中常常会遇到这样一个vue页面，页面分为左右两部分，左边是目录树，右边是一个类名为xq-box的div，在xq-box中多个div上下并列布局，每个div中的内容就对应着左边目录树中的相应节点，现在的目标是，要监听这个xq-box滚动事件，右边一旦开始滚动，就要知道滚动到哪个子div，并让左边的目录树中对应的节点高亮显示。