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

· 2024-06-27 (목) 09:51:45 · 1404 · 3

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

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

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

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개

신기방기 하네요..

개꿀팁 감사합니다^^

감사합니다

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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
MySQL 24-12-14 조회 1,768
기타 24-12-14 조회 1,935
JavaScript 24-12-13 조회 1,987
JavaScript 24-12-13 조회 1,577
PHP 24-12-13 조회 2,038
PHP 24-11-26 조회 2,264
기타 24-11-14 조회 2,394
기타 24-10-30 조회 2,308
PHP 24-10-11 조회 2,066
JavaScript 24-10-10 조회 1,246
JavaScript 24-09-26 조회 1,784
24-09-25 조회 2,273
JavaScript 24-09-07 조회 2,031
24-09-11 조회 1,485
24-09-19 조회 2,427
24-09-10 조회 1,866
24-08-19 조회 1,591
24-10-03 조회 1,648
24-08-07 조회 1,219
24-07-23 조회 1,912
24-07-08 조회 1,502
24-06-27 조회 1,405
PHP 24-08-23 조회 1,596
PHP 24-07-31 조회 1,343
OS 24-07-22 조회 1,748
기타 24-07-22 조회 1,186
기타 24-07-12 조회 1,401
기타 24-07-02 조회 1,533
기타 24-07-02 조회 1,079
JavaScript 24-06-30 조회 1,203