滾動視差效果封裝，便于快速調用實現：parallax.js
parallax.js
目前移動端涌現了很多滾動視差效果的案例，多應用于企業招聘、活動邀請及產品宣傳中，形式新穎，讓人印象深刻。不過細細觀察，就能發現雖然細節都有小創新，但實現原理殊途同歸的。基于此，為滿足快速實現并提升效率的目的，開發了這個移動端的滾動視差插件。
我把視差滾動效果歸于兩類，第一類是基于鼠標滾輪/手指觸摸的逐幀動畫，第二類是分屏動畫（即一屏一屏翻閱）。前者動畫細節豐富，互動性強，但是容 易讓用戶感覺疲勞失去耐性，同時效果不易把控；后者分屏翻閱可以快速瀏覽內容，實現起來也相對簡單。考慮到移動端屏幕尺寸以及操作媒介（手指）不同，分屏 動畫是最理想的，此插件也僅專注于此。
parallax.js 特效組件已加入 FrozenUI 中，詳情猛擊
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！