jqFuwatto是一个速度极快的AOS（滚动动画）jQuery插件，它可以在滚动时将元素淡入或滑动到视图中，以帮助创建流畅无缝的用户体验。

网络越来越成为展示作品的媒介。这意味着，以尽可能好的方式呈现作品往往很重要。淡出和滚动元素进入视图可能是其中的一个重要部分。jQuery jqFuwatto插件提供了开箱即用的这些功能，无需自己编写动画。

如何使用它:

1.导入jqFuwatto库。

import $ from 'jquery'
import { jqFuwatto } from './jqfuwatto'

<!-- OR -->
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/dist/jqFuwatto.umd.js"></script>

2.调用目标元素上的函数，并在滚动时创建一个微妙的动画淡入淡出。

<div id="demo">
  ...
</div>

$('#example').fuwatto({ 
  // default: 2000
  duration: 3000 
})

3.在元素滚动到视图中时，将动画中的幻灯片应用于该元素。

• '左右'
• '右-左'
• '顶部-底部'
• '底部-顶部'

$('#example').fuwatto({ 
  slide: 'left-right'
})

4.以像素为单位设置距离以滑动元素。默认值：500。

$('#example').fuwatto({ 
  distance: 600
})

5.以像素为单位设置顶部和左侧调整。默认值：0。

$('#example').fuwatto({ 
  adjustment: {
    top: 0,
    left: 0,
  },
})

预览截图

滚动时淡入淡出并将元素滑入视图 jqFuwatto