一、描述，是什么

让滚动条滚动的同时，还可以作为一种内容的映射机制，也可以作为一个“你在这里”的指示器，我叫它为单页面内的滚动定位导航
image.png

二、目标，为什么使用

  1. 提升用户在同一空间内的位置感
  2. 整体内容给了一个大小概览，位置概览

    三、痛点，常遇见什么问题

四、时机，什么时候使用

当文档过大，或者有很多大型可视化元素，用户难以记住大关卡浏览到的位置时，需要在滚动时标记，并提示接下来去哪

五、方案，如何使用

1、类型

文字大纲式：实时定位

image.png
image.png

内容可视化式

内容改动可视化提示

image.png
image.png

段落内容简介描述，鼠标悬停展示

image.png

数据状态可视化提示

image.png

2、设计思考