相信很多前端朋友会经常遇到滚轮滑动到当前可视区域,当前区域会被动画化。当他们离开当前区域时,他们将返回该区域,动画将再次开始。相信很多朋友都会遇到这种页面效果。

这个效果可以通过拍案惊奇UI的移动侦察来实现,那么我们来看看详细的教程。

第一步是介绍惊奇UI的css和js

推荐这两个cdn

& ltlink href = " https://cdnjs . cloudflare . com/Ajax/libs/amazeui/2 . 7 . 2/CSS/amazeui . min . CSS " rel = "样式表" >;

& ltsrc = " https://cdn js . cloud flare . com/Ajax/libs/amazeui/2 . 7 . 2/js/amazeui . min . js " & gt;& lt/>。

第二步是放置动画效果

data-adm-scrollspy="{animation:'fade'}",想让那个元素有动画效果,那么就将该句放到元素标签中。data-ADM-scroll spy = " { animation:' fade ' } ",如果想让那个元素有动画效果,就把这句话放到元素标签里。

1.《amazeui Amaze UI移动侦察了解一下!》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《amazeui Amaze UI移动侦察了解一下!》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/keji/1698349.html