브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기

브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 정보

브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기

본문

반응형으로 제작되지 않은 홈페이지에

스크롤을 줄이면 최소한이라도 중앙 컨텐츠들이 보여야한다는

요청들이 들어와 정보 공유드립니다.


  // 창 크기가 변경될 때마다 스크롤을 가운데로 맞추는 함수
  function centerHorizontalScroll() {
    window.scrollTo({
      left: (document.body.scrollWidth - window.innerWidth) / 2,
      behavior: 'smooth' // 부드러운 스크롤 효과
    });
  }
  // 페이지 로드 및 창 크기 변경 시에 스크롤을 가운데로 맞춤
  window.addEventListener('load', centerHorizontalScroll);
  window.addEventListener('resize', centerHorizontalScroll);