有个vue页面滚动需求实现 求解答

现在有一个需求是 一个页面有好几部分内容 然后这几部分的标题都在右上角显示 需求是 需要滚动滚动条到哪一部分 那一部分的标题需要高亮显示 现在问题是 那些内容都不固定 没办法用scrolltop来实现 还有别的方式吗

内容块添加特殊样式,在mounted时通过document.querySelectorAll获取每个dom的offsetTop,在scroll事件来判断scrollTop是否在dom的区间,在就高亮

1、先通过 document.documentElement.scrollTop 和 document.documentElement.scrollLeft 获取滚动条的位置;
2、document.elementFromPoint(x, y),获取指定位置的元素;
3、获取元素的标题、内容;
4、判断是否需要高亮显示。