gatsby-plugin-anchor-links::anchor:Gatsby插件,用于与Gatsby Link组件一起使用平滑滚动锚点链接

时间:2021-04-30 00:41:20
【文件属性】:
文件名称:gatsby-plugin-anchor-links::anchor:Gatsby插件,用于与Gatsby Link组件一起使用平滑滚动锚点链接
文件大小:227KB
文件格式:ZIP
更新时间:2021-04-30 00:41:20
gatsby gatsby-plugin gatsby-link gatsby-anchor-links JavaScript 盖茨比平滑滚动锚链接 为什么? 这是做什么的? 许多站点使用混合导航格式,其中某些链接会路由到其他页面,而某些站点则会将平滑的滚动锚定到特定页面内的各个部分,但是无论用户当前在哪个页面上,这两种类型仍需要发挥良好的功能。 要优雅地完成,可能会有些麻烦。 该插件旨在提供该功能。 您可以在我的上阅读有关插件逻辑的更多信息。 该插件在onRouteUpdate添加了一个检查-在当前路径名中查找哈希。 如果是这样,它将使用滚动库滚动到提供的哈希值。 此外,它还提供了可在您的Gatsby代码中使用的组件,您可以向它们提供散列和非散列to路径。 安装 使用纱线 yarn add gatsby-plugin-anchor-links 使用NPM npm i gatsby-plugin-anchor-links gatsby-config.js 该插件可以与或不与配置对象一起使用: modul
【文件预览】:
gatsby-plugin-anchor-links-master
----.eslintrc(626B)
----.github()
--------workflows()
----yarn.lock(561KB)
----src()
--------utils.js(2KB)
--------components()
--------__tests__()
--------gatsby-browser.js(481B)
--------errors.js(238B)
--------index.js(54B)
----.babelrc(85B)
----.vscode()
--------settings.json(235B)
----.npmignore(95B)
----LICENSE(1KB)
----.prettierrc(166B)
----README.md(4KB)
----index.d.ts(301B)
----.gitignore(92B)
----package.json(1KB)

网友评论