반응형
"overflow : auto"로 div의 스크롤 위치
이 HTML 스 니펫이 주어지면 :
<div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
</div>
(보통) 새 행에 각각 1에서 30까지의 숫자가 포함 된 스크롤바가있는 블랙 박스가 나타납니다.
해당 상자 내부에서 위아래로 스크롤 할 수 있습니다.
지금 필요한 것은 상자가 어느 스크롤 위치에 있는지 알아낼 수있는 가능성입니다. 각 행의 높이가 15 픽셀이고 숫자 10까지 아래로 스크롤하면 내가 원하는 결과는 숫자 150 (15px * 10 줄)입니다.
이 번호는 어디에서 찾을 수 있습니까?
내 손에 평범한 JavaScript와 jQuery가 있습니다.
scrollTop속성 을 사용해야합니다 .
document.getElementById('box').scrollTop
참조 URL : https://stackoverflow.com/questions/344615/scroll-position-of-div-with-overflow-auto
반응형
'UFO ET IT' 카테고리의 다른 글
| 하나의 값을 사용하는 같음 (=)과 IN 간의 성능 차이 (0) | 2021.01.15 |
|---|---|
| "관리"코드 란 정확히 무엇입니까? (0) | 2021.01.15 |
| Django로 HttpResponse를 스트리밍하는 방법 (0) | 2021.01.15 |
| 포트란 : 정수 * 4 대 정수 (4) 대 정수 (종류 = 4) (0) | 2021.01.15 |
| node.js에서 console.log와 sys.puts의 차이점은 무엇입니까? (0) | 2021.01.15 |