咨询电话:
15628812133
07
2017/01

Amaze UI滚动侦测如何使用

发布时间:2017-01-07 11:01:47
发布者:369563174
浏览量:
0

滚动侦测,说白了就是导航条滚动到某一个地方,JS来侦测,加载这个地方的数据,窗口滚动时为根据设置页面元素添加动画效果(仅在支持 CSS3 动画的浏览器上有效)。

它包含的动画有: fade 淡入;scale-up 逐渐放大; scale-dowm 逐渐缩小; slide-top 顶部滑入; slide-bottom 底部划入; slide-left 左侧划入; slide-right 右侧滑入。

那么,这些属性到底是怎么调用的呢,我们官网就应用了这款插件,如下图,

JXO]RB}SRKI_1{4}M{ND{95.png

...

他的调用方式其实很简单:data-am-scrollspy="{animation: 'fade', delay: 300}  animation:’ ’ 这是调用的动画, delay:300   这是动画进行的时间。但是在调用这个的基础上,当然你还得调用amaze ui的插件  也就是amazeui.min.css 跟amazeui.min.js ;还不能少了jquery。加载上这三个文件,你的动画就可以实现了。

返回列表
相关文章
相关案例

可以介绍下你们的产品么

你们是怎么收费的呢

现在有优惠活动吗