vue-in-viewport-directive:Vue 2指令,当元素是视口时添加CSS类

时间:2024-05-18 13:02:27
【文件属性】:

文件名称:vue-in-viewport-directive:Vue 2指令,当元素是视口时添加CSS类

文件大小:139KB

文件格式:ZIP

更新时间:2024-05-18 13:02:27

vue directive viewport intersectionobserver JavaScript

Vue在视口指令中 Vue 2指令可根据元素在视口中的当前位置在其宿主元素上设置CSS类。 这些类是: in-viewport -元素的某些部分在视口内 above-viewport -元素的某些部分在视口上方 below-viewport -元素的某些部分在视口下方 您可能要签出此软件包的mixin版本: 。 演示: : 用法 注意,这不应应用于通过Vue设置动态类的元素/组件。 看到。 注册指令: import Vue from 'vue' import inViewportDirective from 'vue-in-viewport-directive' Vue . directive ( 'in-viewport' , inViewportDirective ) 使用这些类来触发CSS转换(例如): < div class =' box ' v-in-vi


【文件预览】:
vue-in-viewport-directive-master
----stories()
--------index.stories.js(3KB)
--------box()
----yarn.lock(337KB)
----.babelrc(135B)
----cypress()
--------integration()
--------fixtures()
--------plugins()
--------support()
----cypress.json(59B)
----.storybook()
--------webpack.config.js(270B)
--------config.js(448B)
--------addons.js(41B)
----.travis.yml(162B)
----LICENSE(1KB)
----README.md(3KB)
----index.coffee(3KB)
----.gitignore(611B)
----index.js(6KB)
----package.json(1KB)
----.nvmrc(3B)

网友评论