

对于我最近的一篇中型文章,我想要一个简单的目录,可以将读者滚动到文章的特定部分。 当我在Medium中研究此类功能的先前实现时,我遇到了几篇不错的文章,内容涉及如何链接到Medium文章中的特定段落(2018目录方法)以及如何轻松创建目录为您的中型文章。 这些文章无疑是有见地的,但是它们并不是我所要的,它是平滑的滚动(无需重新加载),而不是链接到重新加载页面的文章部分。 但是,这些文章为我实现目标和实现本文提供了很好的垫脚石。 非常感谢并感谢Quincy Larson和Adam Kelly。
以上文章的问题是,它们具有重新加载页面的链接,然后链接到同一文章中的特定部分,而不是由于完整(绝对)路径而平滑滚动到某个部分(无需重新加载页面)。 由于前端开发是我的专长之一,所以我非常热衷于页面的UI方面。 这就是为什么重新加载跳转功能可以达到目的,而不是我想要的方式。
通过创建锚链接。 第一部分与以上文章之一相同,即-
右键单击需要滚动到的部分的标题,然后选择“检查”或“检查元素”选项以获取id属性。 (再次感谢昆西·拉尔森(Quincy Larson)的文章中的图片)
注意:在“中”中,仅在发布文章而非在编辑过程中才生成
id属性。 尽管在编辑过程中,您可以使用name属性的值,因为它始终与id相同。


获得4位代码后,您现在可以创建指向该部分的锚链接(这是我的方法与上述文章之间的区别所在)。
除了提供完整的中篇文章链接之外,您还可以给复制的4位代码加上前缀“ # ”(哈希)。 应该看起来像“ #7091 ”。 这将为您的文章中的该部分创建一个相对链接 。




这将滚动到此页面的顶部标题