[JQuery]ScrollMe滾動特效插件

   最近考完試,一切順利,昨晚閒着無聊把最近要用的一個插件翻譯了一下:ScrollMe. (╯‵□′)╯︵┻━┻地址請戳:html

/* ScrollMe -李明夕翻譯(╯‵□′)╯︵┻━┻ */

   

  ScrollMe是一款爲Web頁面添加特定滾動效果的輕量JQuery插件.

  當你向下滑動頁面的時候,ScrollMe插件會爲你的Web頁面添加旋轉、動畫、透明度漸變等特效,而不須要本身再添加多餘的代碼。(譯者注:因此說你要是想用這個插件作很複雜的滾動特效,好比說滾動加載之類的仍是不要用這個了,單純作特效的化仍是不錯的。)看看右邊這四個正方形,你就知道了。前端

爲何ScrollMe僅僅支持這幾種屬性呢?由於瀏覽器在處理這幾種動畫時速度很快, 這樣可以保證瀏覽時上下滑動頁面的流暢度.html5

 

  切忌(忌諱的忌):

  • 不要在頁面內添加過多的滑動特效. 適度使用,不然會影響頁面性能。
  • ScrollMe不是一個前端框架,不是這個 or 這個. ScrollMe沒那麼複雜,也沒那麼多功能,它就是加點兒小特效的.
  • 舊版瀏覽器慎用ScrollMe只能在支持相應CSS屬性的瀏覽器內工做,其餘的就無力了.

   

  使用說明

  ScrollMe使用簡單的語法聲明:僅僅須要JQuery+ScrollMe,再添加一些標註的類名,剩下的事兒交給ScrollMe來完成.

  須要爲ScrollMe添加兩個類:·scrollme 和·animateme.git

  1.scrollme類是全部動畫定義的集合. 動畫都須要基於這個類來實現.github

  2.animateme類定義了全部動畫元素.能夠在一個container元素內部添加多個animateme元素. 這些元素定義時也帶有動畫樣式和觸發時間的參數值.瀏覽器

 

  ----前端框架

  剩下的有須要的同志們本身去網站看吧,我本身認爲仍是一個挺好玩的插件的,簡單明瞭,不過你要是想拿這個作視差滾動什麼的仍是give up吧。app

  歡迎反饋討論,固然出bug不要找我,去github上找原UP主吧框架

  ----性能

相關文章
相關標籤/搜索