スクロール進行インジケーターを構築する

スクロール進行インジケーターは、ユーザーがページ上の位置を追跡するのに役立ちます。 

このチュートリアルの内容:

1. 進歩バーを策定する
2. スクロールトリガーを確立する
3. スクロールアニメーションを整理する
4. カバー変更の起源

進歩バーを策定する

1. 生成する divブロック
2. ラベルを付ける
3. 背景色を設定して視認性を高めます
4. ご希望の場所に設置してください
5. 幅100%を割り当てる
6. 高さを割り当てる（例：10ピクセル）
7. ビューポートの左上隅に配置を固定します
8. 常に最上位に表示されるように、十分に高いZインデックス値を割り当てます。 

スクロールトリガーを確立する

から ページトリガー メニュー内 インタラクション パネル、選択 ページをスクロールしている間

以上です！とても簡単です。

スクロールアニメーションを整理する

1. 以内 スクロールすると メニューの インタラクション パネル、選択 スクロールアニメーションを再生
2. に隣接 スクロールアニメーション追加記号をクリックします
3. 名前を付ける（例：「スクロール進行」）
4. 要素が選択されていることを確認し、0%の加算記号をクリックして選択します。 規模 リストから
5. 下に 規模、x軸の位置を0に変更します
6. 100%以下の進捗バーをクリック 規模 x軸の位置を1に切り替える

カバー変更の起源

1. の中に スタイル パネル、スクロール 効果
2. を押す 追加オプション アイコン（省略記号）の横 2D および 3D 変換
3. 割り当てる 起源 左の方です