滾動敘事元件
章節推進、逐幀播放、圖釘固定、進度驅動的場景轉換。適合產品發表頁與長篇報導,但成本高——先確定內容撐得起這個形式。
共 7 個,其中 1 個免費、不需登入即可安裝。
捲動分解圖:區塊釘住後商品的分層去背圖像隨捲動沿 Z 軸炸開,各層由引線標註的規格文案依序浮現,捲畢層片收攏回完整商品再釋放至下一區塊。
年度回顧故事卷軸:全螢幕逐幕(scene-based)滾動故事版面,每一幕 scroll-snap 定格並編排一組數據的進場——巨型數字縮放、關鍵詞逐幕接力、背景色隨主題整幕切換,內建幕別進度點與自動播放模式。
滾動敘事舞台:左側 sticky「數據舞台」+右側步驟文章欄的雙欄版面,滾到每個步驟時舞台上的圖形狀態、高亮區域與註解標線依 step index 補間 morph 切換。
圖鑑圖版:一側釘住滿幅圖版、另一側為編號說明清單,滾動至某條說明時鏡頭平移縮放至圖上對應熱點並點亮編號引線,構成圖鑑式導讀。
層積章節標頭:長頁面各章節標題列在被滾過後依序黏附於視口頂端層層堆疊,逐漸積成一份由閱讀行為累積出的可點擊即時目錄,點擊回跳時堆疊逐層剝離。
航點舞台:把各 section 以宣告式座標擺在一張超大平面畫布上,滾動驅動攝影機沿航點路徑平移、縮放、旋轉,依序飛抵每個構圖完成 Prezi 式空間敘事。
資料對決分屏:頁面級 A/B 對決版面:左右兩陣營各佔半屏,逐回合滾動揭示對比指標時,中央分界線像拔河般依該回合數據優勢滑移,底部累計比分同步跳動。