文件名称：react-router-scroll-memory
文件大小：1.78MB
文件格式：ZIP
更新时间：2024-05-22 03:38:12
JavaScript
对于React Router V4 / V5。 React组件可保留页面滚动并在用户单击浏览器的上一个按钮时将其还原 您可以在此页面找到解决方案，以便在每次转换时仅滚动到导航顶部。 但是，如果您单击上一个按钮，则即使您已在页面上滚动，该页面也位于顶部。 我之所以这么做，是因为当我单击浏览器的后退按钮时，新的React Router（4）无法还原滚动条，这让我感到沮丧。 默认情况下，如果URL不存在于内存中，则组件执行window.scrollTo（0,0）。 仅与react和react路由器v4和v5一起使用 Npm页面 安装 安装包 $ npm i -S react-router-scroll-memory 在您的主页上导入组件。 import ScrollMemory from 'react-router-scroll-memory' ; 在路由器之后添加组件。 < Br
【文件预览】：
react-router-scroll-memory-master
----.eslintrc(467B)
----.flowconfig(237B)
----rollup.config.js(439B)
----exemple()
--------.env(26B)
--------public()
--------yarn.lock(407KB)
--------src()
--------README.md(102KB)
--------.gitignore(285B)
--------package-lock.json(599KB)
--------package.json(525B)
----src()
--------ScrollMemory.js(2KB)
--------utils()
----.babelrc(205B)
----without_scroll.gif(444KB)
----.travis.yml(17B)
----LICENSE(1KB)
----jest.config.js(38B)
----__tests__()
--------getScrollPage.spec.js(232B)
--------scrollTo.spec.js(250B)
--------__snapshots__()
----README.md(2KB)
----with_scroll.gif(977KB)
----.lintstagedrc(219B)
----dist()
--------ScrollMemory.min.js(3KB)
----now.json(321B)
----.gitignore(196B)
----index.js(56B)
----.eslintignore(12B)
----package-lock.json(337KB)
----package.json(2KB)
----.nvmrc(5B)