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

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

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

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

2106395821_1719449465.8652.png

[code]

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

  // 페이지 로드 및 창 크기 변경 시에 스크롤을 가운데로 맞춤
  window.addEventListener('load', centerHorizontalScroll);
  window.addEventListener('resize', centerHorizontalScroll);

[/code]

|

댓글 3개

신기방기 하네요..

개꿀팁 감사합니다^^

댓글을 작성하시려면 로그인이 필요합니다. 로그인

개발자팁

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

+
분류 제목 글쓴이 날짜 조회
기타 1년 전 조회 1,279
PHP 1년 전 조회 887
JavaScript 1년 전 조회 609
JavaScript 1년 전 조회 1,104
1년 전 조회 1,345
JavaScript 1년 전 조회 1,329
1년 전 조회 843
1년 전 조회 1,207
1년 전 조회 1,190
1년 전 조회 900
1년 전 조회 448
1년 전 조회 624
1년 전 조회 1,178
1년 전 조회 775
1년 전 조회 713
PHP 1년 전 조회 920
PHP 1년 전 조회 647
OS 1년 전 조회 723
기타 1년 전 조회 516
기타 1년 전 조회 714
기타 1년 전 조회 566
기타 1년 전 조회 451
JavaScript 1년 전 조회 511
PHP 1년 전 조회 571
jQuery 1년 전 조회 649
PHP 1년 전 조회 1,003
Mobile 1년 전 조회 671
기타 1년 전 조회 640
2년 전 조회 1,387
기타 2년 전 조회 1,908
🐛 버그신고