Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 scrollY 속성의 역할은 무엇입니까?

<시간/>

JavaScript의 scrollY 속성은 pageYoffset 속성과 동일하게 작동합니다. 문서가 스크롤된 창의 왼쪽 상단 모서리에서 픽셀을 가져오려면 세로 픽셀에 대해 scrollY 속성을 사용하십시오.

예시

다음 코드를 실행하여 JavaScript에서 scrollY 속성을 사용하는 방법을 배울 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: yellow;
            height: 1500px;
            width: 1500px;
         }
      </style>
   </head>

   <body>
      <script>
         function scrollFunc() {
            window.scrollBy(200, 200);
            alert("Vertical: " + window.scrollY);
         }
      </script>
      <button onclick="scrollFunc()" style="position:fixed;">Scroll</button>
      <br><br><br>
     <div>
     </div>
   </body>
</html>