Scrollme是一款輕量級的JQuery插件,這款插件可以幫助用戶添加一些簡單的滾動特效,當(dāng)你頁面滑動指區(qū)域,然后會加載對應(yīng)動畫。就是一邊下拉滾動一邊有動畫跟著播放一樣。
插件介紹:
當(dāng)你向下滑動頁面的時(shí)候,ScrollMe插件會為你的Web頁面添加旋轉(zhuǎn)、動畫、透明度漸變等特效,而不需要自己再添加多余的代碼。(譯者注:所以說你要是想用這個(gè)插件做很復(fù)雜的滾動特效,比如說滾動加載之類的還是不要用這個(gè)了,單純做特效的化還是不錯(cuò)的。)看看右邊這四個(gè)正方形,你就知道了。
為什么ScrollMe僅僅支持這幾種屬性呢?因?yàn)闉g覽器在處理這幾種動畫時(shí)速度很快, 這樣能夠保證瀏覽時(shí)上下滑動頁面的流暢度。
使用說明:
ScrollMe使用簡單的語法聲明:僅僅需要JQuery+ScrollMe,再添加一些標(biāo)注的類名,剩下的事兒交給ScrollMe來完成.
需要為ScrollMe添加兩個(gè)類:·scrollme 和·animateme.
1.scrollme類是所有動畫定義的集合. 動畫都需要基于這個(gè)類來實(shí)現(xiàn).
2.animateme類定義了所有動畫元素.可以在一個(gè)container元素內(nèi)部添加多個(gè)animateme元素. 這些元素定義時(shí)也帶有動畫樣式和觸發(fā)時(shí)間的參數(shù)值.