스크롤 진행 표시기 구성

스크롤 진행 표시기는 사용자가 페이지에서 자신의 위치를 추적하는 데 도움이 됩니다. 

이 튜토리얼에서는:

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. 할당 기원 왼쪽으로