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