调整大小插件
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"
></
脚本
>
<
div
x-调整大小
。
文档
=
“
...
“
>
调整浏览器窗口的大小以查看文档宽度和高度值的变化。
代码高亮显示由
火炬之光