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

브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

본문

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

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

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

2106395821_1719449465.8652.png


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