博客园目录导航

博客园目录导航

介绍:

现在,博客园本身支持目录导航,只要会使用即可便捷浏览。

在之前没有的时候,就有大神根据页面内容拿到h1-h6标签,设置锚点,点击滑动过去。设置页面导航在左右两侧点击弹出或鼠标移动弹出。博客园的实现方式也大体类似。

使用:

随便进入博客园的一篇博客,例如:java日期格式化

页面很长,不方便阅读。

在页面上找到加粗的一行字,鼠标放到右侧,会显示一个菜单图标(左侧四个点,右侧四个横线)

点击,就会弹出目录导航。image-20240716113009125

点击右上角就会固定在页面上。

image-20240716113101341

一般拖到右侧,不挡住页面。

image-20240716113231092

点击目录,就会跳转指定位置。

image-20240716113309576

再浏览细节的同时,还可以看到目录大纲。就很nice。

posted @ 2024-07-16 11:36  不要划水  阅读(14)  评论(0编辑  收藏  举报