horizontal:与框架无关,即插即用的水平滚动,无需花招

时间:2024-05-22 07:14:26
【文件属性】:

文件名称:horizontal:与框架无关,即插即用的水平滚动,无需花招

文件大小:188KB

文件格式:ZIP

更新时间:2024-05-22 07:14:26

TypeScript

与框架无关的即插即用功能,无需任何技巧即可进行水平滚动。 特征 真正的X轴滚动,无translateX招数“模拟”滚动。 请查看以进行进一步说明-总结: 在导航/重新加载之间滚动位置不会丢失。 尊重a11y(按预期方式使用制表符遍历网站) 链接锚点将正常运行 具有可配置步长的键盘滚动。 (箭头键,上/下翻页,空格等) 键盘滚动导航具有动画效果(“平滑”)并且尊重惯性。 使整个视口可滚动,或者只是一个容器。 React钩@oberon-amsterdam/horizontal/hook下有一个可选的useHorizontal react钩子。 打字稿打字。 安装 npm i @oberon-amsterdam/horizontal 当使用Horizo​​ntal来缩小javascript时 尽管不建议这样做,但可以通过导入然后将其正常使用的方式,将Horizo​​ntalScr


【文件预览】:
horizontal-master
----src()
--------index.ts(9KB)
--------hook.ts(549B)
--------global.ts(242B)
----.npmignore(45B)
----examples()
--------react.html(285B)
--------vanilla-container.js(137B)
--------vanilla-container.html(1KB)
--------vanilla.html(671B)
--------react-container.html(292B)
--------react-container.jsx(2KB)
--------tsconfig.json(801B)
--------vanilla.js(86B)
--------react.jsx(512B)
--------package-lock.json(322KB)
--------style.css(625B)
--------package.json(402B)
----gulpfile.js(538B)
----tsconfig.json(800B)
----tslint.json(146B)
----README.md(7KB)
----dist()
--------src.min.js(5KB)
--------src.js(10KB)
----.editorconfig(239B)
----.gitignore(65B)
----package-lock.json(462KB)
----package.json(2KB)

网友评论