调整大小插件

Alpine 的 Resize 插件是一个便捷的包装器 调整观察者的大小 当元素大小发生变化时,您可以轻松做出反应。

这对于以下方面很有用:基于自定义大小的动画、智能粘性定位、根据元素大小有条件地添加属性等。

安装

您可以通过以下方式使用此插件: <script> 标签或通过 NPM 安装:

通过 CDN

您可以将此插件的 CDN 版本作为 <script> 标签,只需确保在 Alpine 的核心 JS 文件之前包含它。

< 脚本 推迟 源码 = “https://cdn.jsdelivr.net/npm/@alpinejs/ [电子邮件保护] /dist/cdn.min.js" ></ 脚本 >
< 脚本 推迟 源码 = “https://cdn.jsdelivr.net/npm/ [电子邮件保护] /dist/cdn.min.js" ></ 脚本 >
调整浏览器窗口的大小以查看文档宽度和高度值的变化。

代码高亮显示由 火炬之光