Axure 스크롤 막대를 추가하는 방법

1. 첫 번째 단계에서는 "스크롤 막대" 라는 새 "세로 막대" 를 만듭니다. 여기서 "숨김" 상태로 설정됩니다. [동적 패널] 의 이름은 [프레임] 입니다. [동적 패널] 은 state 1 의 내용 조합 아래에 [내용] 으로 이름이 지정됩니다.

2. 2 단계: 로드 시 "스크롤 막대" 의 상호 작용 설정: "스크롤 막대" 의 크기를 설정합니다.

3. 세 번째 단계는 구성요소: 프레임워크를 로컬 변수 lvar1으로 설정하는 것입니다. 구성요소: 컨텐츠를 로컬 변수 LVAR2； 로 설정합니다. 따라서 스크롤 막대의 높이는 [[lvar1.height * lvar1.height/lvar2.height]]; 스크롤 막대의 폭을 3 으로 설정합니다.

4. 4 단계: "프레임" 의 "롤" 상호 작용을 설정합니다.

5. 5 단계, 동작 1: "스크롤 막대" 표시, 애니메이션: 점차적으로, 시간: 200ms.

6. 6 단계, 작업 2: "스크롤 막대" 를 지정된 위치로 이동합니다. 애니메이션: 선형, 시간: 200ms.

7. 7 단계, "구성요소: 스크롤 막대" 를 로컬 변수 lvar1; 따라서 x 의 값은 [[lvar1.x]] 입니다.

8 단계, "Component: Frame" 을 로컬 변수 lvar1; 구성요소: 컨텐츠를 로컬 변수 LVAR2； 로 설정합니다. 따라서 y 의 값은 [[lvar1.y+this.scroll * lvar1.height/lvar2.height]] 입니다 스크롤할 때 스크롤 막대를 표시합니다. 페이지 내용이 스크롤되고 스크롤 막대가 아래로 이동합니다. 마우스를 밖으로 이동하면 스크롤 막대가 점차 사라집니다.

이렇게 하면 스크롤 막대가 설정됩니다.