相信很多前端小伙伴經(jīng)常會(huì)遇到滾輪滑動(dòng)到當(dāng)前可視區(qū)域,當(dāng)前的區(qū)域進(jìn)行動(dòng)畫(huà),當(dāng)離開(kāi)當(dāng)前區(qū)域后重新回到該區(qū)域,動(dòng)畫(huà)又重新開(kāi)始,這種頁(yè)面效果我相信很多小伙伴們都會(huì)遇到。
該效果通過(guò)Amaze UI的移動(dòng)偵察就可實(shí)現(xiàn),那下面讓我們看一下詳細(xì)的使用教程。
第一步引入Amaze UI的css與js
推薦這兩個(gè)cdn
第二步放置動(dòng)畫(huà)效果
data-adm-scrollspy="{animation:'fade'}",想讓那個(gè)元素有動(dòng)畫(huà)效果,那么就將該句放到元素標(biāo)簽中。
上一篇: 百度地圖API
關(guān)鍵詞: