-
it-intersect:一个超级简单的Vue.js组件,使用IntersectionObserver通知与视口或元素相交的时间下载
资源介绍
它相交
一个简单的组件,使用IntersectionObserver通知与视口或元素相交的时间
关于
作为IntersectionObserver API的包装,当您的应用程序需要响应视口中特定组件的存在时,此简单组件非常有用。
最佳用例可能是无限滚动。
鉴于您要在容器组件中呈现列表,因此,如果将此组件放置在该容器中的列表之后,则可以侦听交集事件并执行异步操作以更新列表
重要的
该组件基于Intersection Observer API (目前是一项实验性技术),仅在最新版本的主要浏览器中实现。
幸运的是,您可以包括一个官方的 ,以使一切正常
安装
npm install it-intersect
# or
yarn add it-intersect
用法
这是无限滚动加载的示例
< template>
< div>
<!-- your list -->
- 上一篇: HTML5 canvas全屏酷炫星空背景动画特效
- 下一篇: 登录页面自动切换背景图