728x90 300x250 SMALL javaScript545 스크롤 위치 설정하기 scrollTo(), scrollBy() scrollTo() 윈도우 영역에서 스크롤 위치를 x, y위치로 움직일 수 있다. window.scrollTo(x, y) scrollBy() 윈도우 영역의 현재 스크롤 위치에서 x, y 만큼 스크롤을 움직일 수 있다. window.scrollBy(x, y) 2023. 4. 21. 스크롤 위치 구하기 pageXoffset, pageYoffset, scrollX, scrollY scrollX, scrollY 윈도우 영역에서 스크롤 된 위치 값을 구할 수 있다. pageXoffset, pageYoffset은 scrollX, scrollY의 별칭이다. 스크롤 위치가 400px이 넘으면 바로 0, 0위치로 이동 if (window.scrollY > 400) { window.scroll(0, 0); } 2023. 4. 20. 윈도우 위치 설정하기 moveTo(), moveBy() moveTo(), moveBy() window.moveTo(dx,dy) window.moveBy(dx,dy) moveTo(dx,dy) : 화면에서 윈도우를 dx, dy 위치로 움직일 수 있다. moveBy(dx,dy) : 현재 윈도우 위치에서 dx, dy만큼 윈도우를 움직일 수 있다. 주의 할 점은 resizeTo() 메서드 처럼 window.open()메서드로 만들어진 윈도우만 위치를 설정할 수 있다. 버튼을 클릭하면 윈도우 위치를 오른쪽으로 정렬하기 팝업 오른쪽 정렬 2023. 4. 18. 윈도우 위치 구하기 screenLeft, screenTop screenLeft, screenTop window.screenLeft window.screenTop window 객체에서 제공하는 screenLeft와 screenTop 속성을 이용하면 화면(모니터)에서 윈도우(웹브라우저)의 위치값을 구할 수 있다. See the Pen Untitled by kim oya (@ttuttu) on CodePen. 이미지 출처 : http://xn--80adth0aefm3i.xn--j1amh/screentop 2023. 4. 17. 이전 1 ··· 36 37 38 39 40 41 42 ··· 137 다음 728x90 반응형 LIST