브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 정보
브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기
본문
반응형으로 제작되지 않은 홈페이지에
스크롤을 줄이면 최소한이라도 중앙 컨텐츠들이 보여야한다는
요청들이 들어와 정보 공유드립니다.
// 창 크기가 변경될 때마다 스크롤을 가운데로 맞추는 함수
function centerHorizontalScroll() {
window.scrollTo({
left: (document.body.scrollWidth - window.innerWidth) / 2,
behavior: 'smooth' // 부드러운 스크롤 효과
});
}
// 페이지 로드 및 창 크기 변경 시에 스크롤을 가운데로 맞춤
window.addEventListener('load', centerHorizontalScroll);
window.addEventListener('resize', centerHorizontalScroll);
추천
6
6
댓글 2개
신기방기 하네요..
개꿀팁 감사합니다^^
