절대값 위치 설정

레이아웃 또는 컨트롤을 부모를 기준으로 특정 위치에 지정할 수 있습니다.

선택한 컴포넌트의 상위 컴포넌트 영역 기준으로 절대값 위치가 고정됩니다. 최상위 컴포넌트에 스크롤이 생길 시 고정되지 않고 영향을 받아 함께 움직입니다.

이럴 때 쓸 수 있어요 👍

  • 그룹이나 레이아웃 특정 위치에 내가 원하는 내용을 고정하고 싶을 때 예제보기↓

  • 스크롤 할 때마다 따라다니는 플로팅 버튼을 넣고싶을 때 예제보기↓

사용방법

  1. 원하는 컴포넌트를 선택합니다.

  2. 원하는 포지션에 해당하는 값을 입력하면 상위 컴포넌트 기준으로 위치가 설정됩니다.

이때 상단과 하단, 좌측과 우측은 동시에 설정할 수 없어요! 예) T:0px, B:24px일 때 위치를 제대로 표현하지 못합니다.

기능설명

기능속성의미

단위

%

상위의 사이즈에 따라 백분율로 값 설정

px

고정값 설정

입력필드

세로 스크롤

설정값을 입력 상단, 우측, 하단, 좌측 순으로 입력

따라하기

원하는 위치에 컴포넌트 고정

화면 속 [시작하기]버튼을 눌러 데모를 확인하실 수 있습니다.

플로팅 버튼 예제

화면 속 [시작하기]버튼을 눌러 데모를 확인하실 수 있습니다.

Last updated