文件名称：slide-element:一个 ~700 字节的基于 Promise 的库，用于动画元素的动态高度打开和关闭。 基本上，jQuery 的 slideUp()、slideDown() 和 slideToggle() 的现代变体
文件大小：95KB
文件格式：ZIP
更新时间：2024-08-13 10:42:57
jquery animation transition web-animations-api slidetoggle
滑动元素 一个、可访问的、基于 Promise 的、令人联想到 jQuery 的库，用于具有动态高度打开和关闭的滑动元素。 要查看它的实际效果，请查看以下演示： 为什么？ 使用 JavaScript 使元素打开和关闭的动画传统上并不是一项简单的任务，尤其是当它包含动态大小的内容时。 您可以使用 ，但该路径需要您执行比必要更多的代码。 另一种选择是使用 CSS 来更改元素的max-height值，但这种方法充满了任意性，并且当您不确定要对多少内容进行动画处理时很难很好地实现。 这个库使用完成工作，它不需要元素具有固定的高度。 相反，元素高度是根据它们的内容计算的，然后应用适当的值来触发平滑的原生过渡。 动画本身由相同的 CSS 转换机制提供支持，使其成为在性能方面实现它的最佳方法之一。 它小巧、光滑，专注于做好一项工作：滑动打开和关闭。 安装 运行npm install slide
【文件预览】：
slide-element-master
----.gitignore(28B)
----package.json(1KB)
----package-lock.json(386KB)
----src()
--------index.test.js(8KB)
--------utils()
--------index.ts(5KB)
----.tool-versions(15B)
----LICENSE(746B)
----tsconfig.json(6KB)
----.github()
--------PULL_REQUEST_TEMPLATE.md(84B)
--------ISSUE_TEMPLATE.md(26B)
--------CONTRIBUTING.md(155B)
--------workflows()
----README.md(7KB)
----index.html(2KB)
----babel.config.js(176B)
----.husky()
--------.gitignore(2B)
--------pre-commit(58B)