文件名称:scroll-padlock::locked:锁定元素与CSS变量一起滚动
文件大小:1.56MB
文件格式:ZIP
更新时间:2024-05-22 23:16:46
lock css-variables scrollbar-size body-scroll cumulative-layout-shift
滚动挂锁 一个小的(〜4K压缩)小巧的脚本,旨在在锁定html元素滚动时鼓励采用CSS优先的方法,从而减少了和iOS Safari的古怪性。 :person_gesturing_NO: 没有这个库: :person_tipping_hand: 使用此库: 试试看 以下是一些最常见设置的示例项目: React(-) 角度(-) Vue(-) 香草(-) 包容性 该库可通过npm下载: $ npm install scroll-padlock 源代码完全用标准ECMAScript编写,没有依赖关系,这意味着其任何模块都可以导入到任何JavaScript项目中。 的建造分布包括transpiled UMD , iife , AMD , CJS , ESM和SystemJS束。 源代码包含示例: < script type =" module " > import ScrollPadlock from './node_modules/scro
【文件预览】:
scroll-padlock-master
----.eslintrc.json(1KB)
----.github()
--------workflows()
----LICENSE.txt(1KB)
----src()
--------listener.mjs(633B)
--------debounce.mjs(428B)
--------get-scroll-position.mjs(958B)
--------constants.mjs(3KB)
--------get-element-parents-length.mjs(409B)
--------get-element-parent.mjs(245B)
--------styler.mjs(5KB)
--------client.mjs(108B)
--------get-layout-dimensions.mjs(2KB)
--------get-element-index.mjs(626B)
--------padlock.mjs(12KB)
----.npmignore(0B)
----babel.config.json(129B)
----build.mjs(2KB)
----test()
--------utils()
--------unit()
--------e2e()
----README.md(11KB)
----docs()
--------with-gap-compensation.gif(41KB)
--------without-gap-compensation.gif(106KB)
--------ios-bug.gif(664KB)
--------ios-fix.gif(697KB)
----.editorconfig(182B)
----.gitignore(50B)
----.eslintignore(22B)
----package-lock.json(465KB)
----package.json(2KB)