GlobalEventHandlers.onscroll

Syntax

target.onscroll = functionRef;

Value

functionRef 은(는) 함수 표현식 또는 함수 이름 이며, 이 객체는 오직 UIEvent 객체만 인수로 받습니다.

오직 하나의 onscroll 이벤트만 하나의 객체에 할당 할 수 있습니다.  EventTarget.addEventListener() 를 사용하여  scroll 이벤트를 정의 할 수 있습니다.

Example

다음 예제는  <textarea>에 발생한 스크롤 이벤트 결과를 출력해 줍니다.

HTML

<textarea>1 2 3 4 5 6 7 8 9</textarea>
<p id="log"></p>

CSS

textarea {
  width: 4rem;
  height: 8rem;
  font-size: 3rem;
}

JavaScript

const textarea = document.querySelector('textarea');
const log = document.getElementById('log');

textarea.onscroll = logScroll;

function logScroll(e) {
  log.textContent = `Scroll position: ${e.target.scrollTop}`;
}

Result

Specifications

Browser compatibility

See also

• Document: scroll event
• Element: scroll event