[js] JS - 화면 리사이즈 시, 스크롤바 가운데로 이동 (= 화면크기 변경 시, 스크롤바 중앙에 위치시키기)

 화면 리사이즈 시, 스크롤바 가운데로 이동

 

<script>

function scroll_to_center() {

    var doc = document.documentElement;

    doc.scrollLeft = (doc.scrollWidth - doc.clientWidth) * .5;

}

window.addEventListener('resize', scroll_to_center);

</script>

 

<div style="width:750px ; height: 1em; background-color: red;"></div>

 

결과보기

---

PS. 스크롤바를 처음부터 가운데에 위치시키기

 

resize 대신 load 이벤트 사용. 예제보기 

 

배르만 님 (240224) https://sir.kr/qa/526358