Amaze?UI滾動偵測如何使用

發(fā)布時間：2017-01-07 11:01:47

發(fā)布者：369563174

瀏覽量:

滾動偵測，說白了就是導航條滾動到某一個地方，JS來偵測，加載這個地方的數(shù)據，窗口滾動時為根據設置頁面元素添加動畫效果（僅在支持 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。加載上這三個文件，你的動畫就可以實現(xiàn)了。

上一篇： CSS3 :nth-child() 選擇器如何使用

下一篇：前端新手如何使用JQuery插件做出更好的效果

關鍵詞:

返回列表

2025-06-13

哇塞！同城跑腿系統(tǒng)這樣做，接單時效性蹭蹭漲！查看詳情

2025-04-22

預約陪診系統(tǒng)需要用戶提供患者哪些基本信息查看詳情

2025-04-12

上門服務系統(tǒng)靠什么來吸引技師入駐平臺查看詳情

2025-04-03

如何設計一個具有吸引力的網站首頁查看詳情