목차
- deltaY 예제 - 마우스휠 Y축 스크롤량
- deltaY 정의
- deltaY 구문
deltaY 예제 - 마우스휠 Y축 스크롤량
<!DOCTYPE html>
<html>
<body onwheel="homzzang(event)">
<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
<p id="demo"></p>
<script>
function homzzang(event) {
var y = event.deltaY;
document.getElementById("demo").innerHTML = y;
}
</script>
</body>
</html>
결과보기
deltaY 정의
마우스휠 Y축(=상하=세로) 스크롤량 반환.
1.
읽기 전용 속성임. (즉, 값 설정 불가)
2.
주요 최신 브라우저 모두 지원.
단, Safari 지원 X
deltaY 구문
event.deltaY
[반환값]
스크롤량 나타내는 Double 자료형의 숫자 반한.
- 위로 스크롤: 음(-)의 숫자 반환.
- 아래로 스크롤: 양(+)의 숫자 반환.
- 스크롤 안 하면: 0 반환.