添加 ScrollReveal().refresh(); 方法
作者: PubliAlex创建于 2023年11月3日更新于 2024年12月10日
哈罗
当你处理懒惰的图像时,你总是会遇到与卷轴相通的问题,即计算动画触发器** 在**内容跳出之前。
照片装入时,
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你来干什么? Const slashImages = document.querySelectorAll('img [loading="lazy"]); ; 2.
懒惰图像. for Each(函数( el) { el.adEventListener('load',函数(e){ scrollReveal (. reveal ('.
- ;
- ;
该解决方案的极限是,在图像被装入后,您必须专门调用动画才能工作. 与此相反,如果能够调用ScrollReveal (. rerefresh ()) 来重新计算目前内容已经跳出卷轴的所有触发位置,那将是件好事。
它的工作方式与ScrollReveal (. sync ()) 相同,但当您在 dom 添加新元素时,同步()方法似乎有用,而不是重新计算现有元素的位置 。
谢谢,
内容来源: jlmakes/scrollreveal