본문으로 건너뛰기
버전: Next

Viewport

class Viewport

뷰포트 크기 정보를 담당하는 컴포넌트

constructor

new Viewport(el, el)
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
elFlicking뷰포트 엘리먼트
elHTMLElement

Properties

element

readonly

뷰포트(root) 엘리먼트

Type: HTMLElement

width

readonly

뷰포트 너비

Type: number

height

readonly

뷰포트 높이

Type: number

padding

readonly

뷰포트 CSS padding 값

Type: object

PROPERTYTYPEDESCRIPTION
leftnumberCSS padding-left
rightnumberCSS padding-right
topnumberCSS padding-top
bottomnumberCSS padding-bottom

Methods

setSize

뷰포트 크기를 변경합니다.
.flicking-viewport 엘리먼트에 해당 크기의 CSS width/height를 적용합니다

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
sizeobject✔️새 뷰포트 크기
size.widthnumber | string✔️CSS 문자열 또는 숫자(px)
size.heightnumber | string✔️CSS 문자열 또는 숫자(px)

resize

현재 뷰포트 엘리먼트의 크기로 너비/높이를 업데이트합니다