獨特的視覺滾屏庫：skrollr.js 無jQuery純js

繼之前我的一篇全屏滾動庫fullPage.js，今天我們再來一發有點相似，卻很特別的視覺效果滾屏庫：skrollr.js。

那麼什麼是skrollr呢？

它是一個支持移動端（Android，IOS）和PC端，通過視覺角度差（純CSS和HTML）來達到炫酷滾屏效果的js庫，他不依賴jQuery，是原生js書寫的庫喲。

那麼skrollr的兼容情況如何？

首先是支持IE9以上瀏覽器的（IE9以下的有兼容包skrollr-ie），其他現代瀏覽器都是支持的（Chrome，Firefox、Safari、UC）。 移動端webkit內核的都是支持的。

那麼如何使用它呢？

通過上圖，我們從引入skrollr.min.js到創建HTML動畫配置，就可以完成一個簡單的滾屏視覺效果了。

那麼一個完整的skrollr效果是什麼樣子？

通過LICEcap來錄屏為GIF圖

上圖有點大（1M），建議WiFi下預覽喲。通過上圖，看著是不是挺有感覺的，對了，除了可以使用CSS3動畫的，還可以SVG等，儘可能的讓你發揮自己的創造力。

那麼我們如何獲取它呢？

同樣的，你可以到github上搜索skrollr，詳細的配置說明都有的。

親們可以收藏一下，以便今後工作中可以用到。

圖片來自網絡，版權歸原作者所有