브라우저 스크롤 막대에 대한 자세한 소개
- 零下一度원래의
- 2017-07-20 13:19:581145검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.