웹사이트 플로팅 버튼을 만들고 프로토타입 미리보기에서 스크롤 설정을 하려는데 어떻게 해야 하나요?
답변
플로팅 버튼을 스크롤 시 고정되도록 하려면 다음과 같이 설정해야 합니다.
스크롤 컨테이너 프레임 설정: 스크롤될 콘텐츠를 담을 프레임(예: 전체 페이지 프레임)의 크기를 고정하고(`Clip content` 활성화). 이 프레임은 실제 디바이스 화면 크기(예: 모바일 390x844)와 동일하게 유지해야 합니다.
스크롤 콘텐츠 배치: 실제 스크롤될 콘텐츠(예: 페이지 내용)는 이 프레임 안에 배치하고, 프레임의 경계를 넘어가는 부분은 `Clip content`에 의해 가려지도록 합니다.
플로팅 버튼 배치 및 고정: 플로팅 버튼은 스크롤 컨테이너 프레임 안에 배치하되, 해당 버튼을 선택한 후 오른쪽 디자인 패널의 'Constraints' 섹션에서 'Scroll behavior'를 `Fixed`로 설정합니다. 이렇게 하면 스크롤 시에도 버튼이 화면에 고정되어 보이게 됩니다.