목차
deltaY 예제 - 마우스휠 Y축 스크롤량 deltaY 정의 deltaY 구문
<!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> 결과보기
<!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>
결과보기
마우스휠 Y축(=상하=세로) 스크롤량 반환. 1. 읽기 전용 속성임. (즉, 값 설정 불가) 2. 주요 최신 브라우저 모두 지원. 단, Safari 지원 X
마우스휠 Y축(=상하=세로) 스크롤량 반환.
1.
읽기 전용 속성임. (즉, 값 설정 불가)
2.
주요 최신 브라우저 모두 지원.
단, Safari 지원 X
event.deltaY [반환값] 스크롤량 나타내는 Double 자료형의 숫자 반한. 위로 스크롤: 음(-)의 숫자 반환. 아래로 스크롤: 양(+)의 숫자 반환. 스크롤 안 하면: 0 반환.
event.deltaY
[반환값]
스크롤량 나타내는 Double 자료형의 숫자 반한.
