1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| // 导出配置的scrollReveal 如果这个方法需要传参 记得要给他传参哦
| export default function retScroll(data) {
| data.scrollReveal.reveal('.scrollRevealDiv', {
| // 动画的时长
| duration: 600,
| // 延迟时间
| delay: 300,
| // 动画开始的位置，'bottom', 'left', 'top', 'right'
| origin: 'left',
| // 回滚的时候是否再次触发动画
| reset: false,
| // 延时执行方式（always（一直延时执行），once（只延时执行一次），onload（只在加载时延时执行））
| // // useDelay: 'onload',
| // 在移动端是否使用动画
| mobile: true,
| // 滚动的距离，单位可以用%，rem等
| distance: '100px',
| // 其他可用的动画效果
| opacity: 0.01,
| // 执行速度 线性函数啥的
| easing: 'cubic-bezier(0.5, 0, 0, 1)',
| // 执行方式（缩放）
| scale: 0.9,
| // 使用执行之前的回调函数
| beforeReveal: function (ele) {
| console.log(ele)
| }
| })
| }
|
|
