11.scroll-view 보기 영역 스크롤

scroll-view 문서
베이스 라이브러리 1.0.0을 지원하기 시작하고 낮은 버전은 호환 처리를 해야 합니다.
뷰 영역을 스크롤할 수 있습니다.세로 스크롤을 사용할 때, scroll-view에 고정 높이를 주고, WXSS를 통해 Height를 설정해야 합니다.구성 요소 속성의 길이 단위는 기본적으로 px이고 2.4.0부터 전송 단위(rpx/px)를 지원합니다.
등록 정보
타입
기본값
필수 항목
설명
최소 버전
scroll-x
boolean
false
아니요
가로 스크롤 허용
1.0.0
scroll-y
boolean
false
아니요
세로 스크롤 허용
1.0.0
upper-threshold
number/string
50
아니요
맨 위/왼쪽에서 얼마나 멀리 떨어져 있을 때scrolltoupper 이벤트를 터치합니다
1.0.0
lower-threshold
number/string
50
아니요
아래/오른쪽에서 얼마나 멀리 떨어지면scrolltolower 이벤트를 터치합니다
1.0.0
scroll-top
number/string
아니요
세로 스크롤 막대 위치 설정
1.0.0
scroll-left
number/string
아니요
가로 스크롤 막대 위치 설정하기
1.0.0
scroll-into-view
string
아니요
값은 하위 요소 id여야 합니다. (id는 숫자로 시작할 수 없습니다.)스크롤할 수 있는 방향을 설정하고 요소를 스크롤할 방향을 설정합니다.
1.0.0
scroll-with-animation
boolean
false
아니요
스크롤 막대 위치를 설정할 때 애니메이션 변환 사용
1.0.0
enable-back-to-top
boolean
false
아니요
iOS 위쪽 상태 표시줄, 안드로이드 제목 표시줄을 두 번 클릭하면 스크롤 막대가 위쪽으로 돌아가며 세로 방향만 지원됩니다.
1.0.0
enable-flex
boolean
false
아니요
flexbox 레이아웃을 사용합니다.오픈 후, 현재 노드는 4display: flexflex container가 되어 아이의 노드에 작용한다.
2.7.3
bindscrolltoupper
eventhandle
아니요
위쪽/왼쪽으로 스크롤 시 트리거
1.0.0
bindscrolltolower
eventhandle
아니요
끝까지/오른쪽으로 스크롤할 때 터치
1.0.0
bindscroll
eventhandle
아니요
스크롤 시 실행, 이벤트.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
1.0.0