加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

javascript – HTML视图的迷你地图,在视口中显示为固定锚点

发布时间:2020-12-14 22:46:11 所属栏目:资源 来源:网络整理
导读:我在一两个月前看到一个网站固定在页面右侧的锚点,当页面滚动时不会滚动.仅凭这一点并不难与CSS有关. 但是在该网站上,固定锚点是根据页面中的节标题动态生成的.它们按照页面右侧相对于文档中的位置按比例分开. 从本质上讲,它创建了整个文档的迷你地图,可以直

我在一两个月前看到一个网站固定在页面右侧的锚点,当页面滚动时不会滚动.仅凭这一点并不难与CSS有关.

但是在该网站上,固定锚点是根据页面中的节标题动态生成的.它们按照页面右侧相对于文档中的位置按比例分开.

从本质上讲,它创建了整个文档的迷你地图,可以直观地了解文档中的内容,以及文档各部分之间的间距,这些都在当前视口中.您可以快速查看每个部分相对于彼此的大小.也许我应该把它称为内容表而不是迷你地图.

我相信这是在某种API的文档页面上.我认为它对导航非常有用,并且想要为我需要做的一些文档构建类似的东西.

在某种程度上,它让我想起了Sublime Text 2右侧的迷你地图,但只显示了主要标题,它们被描绘成固定在页面右侧的按钮.

不幸的是,我无法记住或找到我看到它的网站.有没有人见过这样的例子?在开始实施之前,我很想看到一些例子.或者是否存在任何用于执行此操作的工具,jquery插件等?

最佳答案
这是你在找什么?

https://github.com/gre/flexible-nav

http://demo.greweb.fr/flexible-nav/

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读