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