点击左侧目录右侧跳转到具体内容区,滑动右侧内容区左侧同时对应

226 阅读1分钟

1、思路:首先,点击左侧目录右侧跳转到对应内容区功能,可采用锚点方式,需要左侧某一目录与右侧某一内容区统一id。当点击左侧目录,拿到对应的id,根据scrollInToView跳转。其次,当右侧滑动时,需要监听右侧内容是否滑动到对应的目录下,通过判断采用滑动的距离来实现。

2、具体实现

image.png

添加滑动监听事件 image.png 获取dom节点到顶部的距离,用于后续滚动时判断是在哪个目录中 image.png 监听右侧内容滑动高度,对应具体某一个左侧目录 image.png