브라우저 스크롤 막대에 대한 자세한 소개

1 이전에 배운 JS 박스 모델에서: 클라이언트 시리즈/오프셋 시리즈/scrollWidth/scrollHeight는 모두 "읽기 전용" 속성입니다. -> 요소는 속성을 통해 수정할 수 없습니다

2.scrollTop/scrollLeft: 스크롤 막대의 높이/너비(이 두 속성은 유일한 "읽기 및 쓰기 가능" 속성입니다)

　box.scrollTop = 0 // 컨테이너 Top으로 직접 복귀

우리의 스크롤탑의 값은 경계값(최대값과 최소값)을 가지고 있습니다. 우리가 설정한 값이 최소값보다 작거나 최대값보다 크면 쓸모가 없습니다. 효과는 여전히 경계값입니다

[최소값은 0입니다]

　box.scrollTop = -1000; //

　을 초과하지 않고 컨테이너 상단으로 바로 돌아갑니다. box.scrollTop) //0

　[최대값 = 실제 높이 - 현재 컨테이너 한 화면의 높이] var maxTop = box.scrollHeight - box.clientHeight;

위 내용은 브라우저 스크롤 막대에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!