没有合适的资源?快使用搜索试试~ 我知道了~
react-page-swapper:简化页面转换实现的协调器
共55个文件
js:29个
json:7个
css:7个
需积分: 9 0 下载量 125 浏览量
2021-07-24
05:25:00
上传
评论
收藏 356KB ZIP 举报
温馨提示
React页面交换器 一种简化页面转换实现的协调器。 安装 $ npm install @moxy/react-page-swapper 这个库是用现代 JavaScript 编写的,并以 CommonJS 和 ES 模块转译变体发布。 如果您针对较旧的浏览器,请确保相应地进行转译。 动机 乍一看,向您的网站添加页面转换看起来很容易。 网络上有大量文章建议使用诸如<TransitionGroup>或<AnimatePresence>,将页面过渡添加到您的网站。 然而,它们是通用的解决方案,因此,它们错过了页面转换的重要步骤。 其中,他们错过的最重要的步骤之一是滚动位置。 无论滚动位于顶部还是底部,您都希望页面过渡效果很好。 那么,什么才是好的页面转换库呢? 以下是交换页面时要采取的基本步骤: 从文档的正常流程中删除当前页面,同时将其保持在相同的位置和相同的尺寸。 这通常涉及使其p
资源推荐
资源详情
资源评论
收起资源包目录
react-page-swapper-master.zip (55个子文件)
react-page-swapper-master
.eslintrc.json 260B
.github
workflows
deploy-demo.yml 604B
node-ci.yml 756B
src
SwapTransition.js 3KB
pop-state.js 420B
node-key.js 788B
PageSwapper.test.js 14KB
index.test.js 403B
SwapTransition.test.js 6KB
layout.js 747B
PageSwapper.js 5KB
index.js 163B
node-key.test.js 3KB
layout.test.js 2KB
pop-state.test.js 868B
babel.config.js 293B
demo
.eslintrc.json 238B
pages
_app.js 2KB
_document.js 1KB
page2.js 4KB
page3.module.css 185B
page2.module.css 574B
_global.css 111B
page3.js 1KB
index.js 9KB
_app.module.css 58B
index.module.css 573B
postcss.config.js 67B
public
.nojekyll 0B
next.config.js 363B
components
theme-provider
theme.js 426B
ThemeProvider.js 561B
index.js 87B
animation-picker
index.js 45B
AnimationPicker.module.css 414B
AnimationPicker.js 3KB
page-transition
PageTransition.module.css 4KB
PageTransition.js 2KB
index.js 44B
index.js 196B
README.md 984B
.gitignore 15B
package-lock.json 294KB
package.json 723B
LICENSE 1KB
jest.config.js 276B
README.md 15KB
.lintstagedrc 25B
.commitlintrc.json 69B
.huskyrc 117B
.editorconfig 248B
.gitignore 66B
CHANGELOG.md 2KB
package-lock.json 1.18MB
package.json 2KB
共 55 条
- 1
资源评论
晔晔匠
- 粉丝: 23
- 资源: 4650
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功