文件名称:scroll-to-fragment:#⃣使单页应用根据当前URL哈希滚动
文件大小:39KB
文件格式:ZIP
更新时间:2024-03-30 12:32:45
spa fragment scroll hash link
滚动到片段 使单页应用滚动到当前URL哈希。 当您在传统的服务器端渲染(SSR)网站上以哈希片段结尾的链接( )时,浏览器将自动滚动到匹配的元素。 使用JavaScript驱动的单页应用程序(SPA),默认情况下当前浏览器不会滚动。 该帮助程序为单页应用程序提供了经典的滚动行为。 它会在加载时更新滚动位置,并检查点击次数和浏览器历史记录更改是否更新。 为了使片段与异步更新的内容保持一致(例如,在基于ReactJS的应用程序中),它还调整DOM更改时的滚动位置。 安装 npm install scroll-to-fragment 用法 在应用程序的初始化代码中,例如在index.js : import { scrollToFragment } from "scroll-to-fragment" ; scrollToFragment ( ) ; 选项 您可以使用以下选项来自定义行为:
【文件预览】:
scroll-to-fragment-master
----.gitignore(27B)
----package.json(1KB)
----package-lock.json(119KB)
----src()
--------index.ts(3KB)
----karma.conf.js(402B)
----.nvmrc(5B)
----.travis.yml(18B)
----LICENSE(1KB)
----tsconfig.json(373B)
----spec()
--------index.spec.ts(5KB)
----README.md(3KB)
----.prettierrc(3B)