推薦幾款製做網頁滾動動畫的 JavaScript 庫

　這裏集合了幾款很棒的製做網頁滾動動畫的 JavaScript 庫和插件。它們中，有的能夠幫助你在頁面滾動的時候添加動感的元素動畫，有的則是實現目前很是流行的全屏頁面切換動畫。相信藉助這些插件，你也能夠讓網站變得高大上起來。

ScrollReveal.js

　　ScrollReveal.js 用於建立和管理元素進入可視區域時的動畫效果，幫助你的網站增長吸引力。只須要給元素增長 data-scrollreveal 屬性，當元素進入可視區域的時候會自動被觸發設置好的動畫。

 

 

在線演示     當即下載

 

ScrollMagic

　　ScrollMagic 是一款 jQuery 插件，它讓你能夠像使用進度條同樣使用滾動條。若是你想在特定的滾動位置開始一個動畫，而且讓動畫同步滾動條的動做，或者把元素粘在一個特定的滾動位置，那麼這款插件正是你須要的。

 

 

在線演示      當即下載

 

pagePiling.js

　　全屏滾動效果是最近很是流行的網頁設計形式，帶給用戶良好的視覺和交互體驗。pagePiling.js 這款 jQuery 插件能夠幫助前端開發人員輕鬆實現這種效果。支持全部的主流瀏覽器，包括IE8+，支持移動設備。

 

 

效果演示     插件下載

 

WOW.js

　　在一些網頁上，當你滾動頁面的時候會看到各式各樣的元素動畫效果，很是動感。WOW.js 就是一款幫助你實現這種 CSS 動畫效果的插件，很容易定製，你能夠改變更畫設置喜歡的風格、延遲、長度、偏移和迭代等。

 

 

效果演示      當即下載

 

ScrollMe

　　ScrollMe 是一款 jQuery 插件，用於給網頁添加簡單的滾動效果。當你向下滾動頁面的時候，ScrollMe 能夠縮放，旋轉和平移頁面上的元素。它易於設置，不須要任何自定義的 JavaScript 代碼支持。

 

 

在線演示      源碼下載   

 

Parallax.js

　　Parallax.js 是一個簡單的，輕量級的的視差引擎，可以對智能設備的方向做出反應。在沒有沒有陀螺儀或運動檢測硬件可用的時候，使用光標的位置來代替。有不少的行爲，你就能夠設置爲任何給定的視差實例。這些行爲既能夠經過在標記中指定的數據屬性或經過構造函數 和 JavaScript API 調用。

 

 

效果演示      插件下載

原文地址：https://www.cnblogs.com/lhb25/p/page-scrolling-effects-plugins.html