Weber更新日誌

組件概述

全屏滾動是單頁一屏式互動組件，滑鼠滾動一次，頁面直接切換一整個螢幕高度的版面，實現逐屏滑動的單頁網站效果。

適用場景

1、品牌形象單頁網站、產品故事型落地頁

2、形象宣傳頁、作品集、活動、發布會介紹頁，打造沉浸式逐屏瀏覽體驗

3、注意：組件移動端自適應困難，樣式設置複雜，不建議非設計師/技術使用

不建議使用場景

全屏滾動組件內套用其他滾動組合組件（例如：輪播圖、選項卡等），會造成滾動邏輯衝突

組件使用

1、選中【Indicators】層級，可以設置指示器樣式。（注意：① 【尺寸】設置不建議 <10px   ②【背景顏色】設置不建議使用80%以下透明度。以上兩個問題均會影響可讀性與SEO、無障礙頁面友好）

2、選中【Indicators】層級可在Class的【彈性佈局】調整【垂直對齊】，改變指示器位置

3、選中【Full Page】層級可在編輯器右側【設置】中，【新增項目】

3、可在【Item】層級內添加任意組件。（不建議添加帶自動播放效果的組件）

注意事項

1、建議全屏滾動組件外層只有【區域】組件

2、手機端自適應調整需要發佈後校對，會有部分屏幕尺寸有差異