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

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

<시간/>

JavaScript의 scrollX 속성은 pageXoffset과 동일하게 작동합니다. 재산. 창의 왼쪽 상단 모서리에서 문서가 스크롤된 픽셀을 얻으려면 수평 픽셀에 대해 scrollX 속성을 사용하십시오.

예시

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

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: yellow;
            height: 1500px;
            width: 1500px;
         }
      </style>
   </head>
   <body>
      <script>
         function scrollFunc() {
            window.scrollBy(200, 200);
            alert("Horizontal: " + window.scrollX);
         }
      </script>
      <button onclick = "scrollFunc()" style = "position:fixed;">Scroll</button>
      <br><br><br>
      <div>
      </div>
   </body>
</html>