滚动侦测,说白了就是导航条滚动到某一个地方,JS来侦测,加载这个地方的数据,窗口滚动时为根据设置页面元素添加动画效果(仅在支持 CSS3 动画的浏览器上有效)。
它包含的动画有: fade 淡入;scale-up 逐渐放大; scale-dowm 逐渐缩小; slide-top 顶部滑入; slide-bottom 底部划入; slide-left 左侧划入; slide-right 右侧滑入。
那么,这些属性到底是怎么调用的呢,我们官网就应用了这款插件,如下图,
...
他的调用方式其实很简单:data-am-scrollspy="{animation: 'fade', delay: 300} animation:’ ’ 这是调用的动画, delay:300 这是动画进行的时间。但是在调用这个的基础上,当然你还得调用amaze ui的插件 也就是amazeui.min.css 跟amazeui.min.js ;还不能少了jquery。加载上这三个文件,你的动画就可以实现了。