blackteay/ray-template
1
0
Fork 0
mirror of https://github.com/XiaoDaiGua-Ray/ray-template.git synced 2025-04-05 19:42:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix scroll-reveal-component problems

Browse Source
This commit is contained in:
chuan_wuhao 2022-09-29 15:55:39 +08:00
parent 862f357340
commit 8adf83b469
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/RayScrollReveal/index.tsx
View File

@ -27,7 +27,6 @@ const RayScrollReveal = defineComponent({
return scsVars
})
let scrollRevealCore: scrollReveal.ScrollRevealObject
/**
*
@ -44,10 +43,7 @@ const RayScrollReveal = defineComponent({
mobile: true,
}
scrollRevealCore = ScrollReveal().reveal(
el,
Object.assign(defaultOptions, props.options),
)
ScrollReveal().reveal(el, Object.assign(defaultOptions, props.options))
}
/**
@ -55,7 +51,7 @@ const RayScrollReveal = defineComponent({
* 处理 `dom` 新增后无法绑定过渡动画情况
*/
const handleScrollRevealSync = async () => {
const { sync } = scrollRevealCore
const { sync } = ScrollReveal()
emit('scrollRevealSync', sync)
}
@ -88,7 +84,7 @@ export default RayScrollReveal
/**
*
* 滚动加载过度组件, 来回滚动时, 可以重复触发效果
* 只需要将 `dom` 插入在 `RayScrollReveal` 组件下即可
* 如果需要使用重新注册加载脚本或者有新的 `dom` 插入, 调用 `scrollRevealCallback` 函数即可捕获添加到 `dom` 的任何新元素
* 只需要将 dom 插入在 RayScrollReveal 组件下即可
* 如果需要使用重新注册加载脚本或者有新的 dom 插入, 调用 scrollRevealCallback 函数即可捕获添加到 dom 的任何新元素
* 注意: 插件始终是以显示屏为窗口作为判断元素是否显示, 所以自定义滚动条滚动加载元素不生效
*/