브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기
반응형으로 제작되지 않은 홈페이지에
스크롤을 줄이면 최소한이라도 중앙 컨텐츠들이 보여야한다는
요청들이 들어와 정보 공유드립니다.

[code]
// 창 크기가 변경될 때마다 스크롤을 가운데로 맞추는 함수
function centerHorizontalScroll() {
window.scrollTo({
left: (document.body.scrollWidth - window.innerWidth) / 2,
behavior: 'smooth' // 부드러운 스크롤 효과
});
}
// 페이지 로드 및 창 크기 변경 시에 스크롤을 가운데로 맞춤
window.addEventListener('load', centerHorizontalScroll);
window.addEventListener('resize', centerHorizontalScroll);
[/code]
댓글 3개
1년 전
신기방기 하네요..
1년 전
개꿀팁 감사합니다^^
1년 전
감사합니다
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5066 | 기타 |
DogFoot개발
|
4년 전 | 1817 | |
| 5065 | PHP |
DogFoot개발
|
4년 전 | 1522 | |
| 5064 | PHP |
happyl
|
4년 전 | 1914 | |
| 5063 | node.js |
DogFoot개발
|
4년 전 | 1671 | |
| 5062 | node.js |
DogFoot개발
|
4년 전 | 1687 | |
| 5061 | node.js |
DogFoot개발
|
4년 전 | 1410 | |
| 5060 | node.js |
DogFoot개발
|
4년 전 | 1248 | |
| 5059 | node.js |
DogFoot개발
|
4년 전 | 1246 | |
| 5058 | 기타 |
DogFoot개발
|
4년 전 | 2694 | |
| 5057 | 웹서버 |
DogFoot개발
|
4년 전 | 2716 | |
| 5056 | MySQL | 4년 전 | 1499 | ||
| 5055 | 기타 | 4년 전 | 1427 | ||
| 5054 | OS | 4년 전 | 2064 | ||
| 5053 | 웹서버 | 4년 전 | 3619 | ||
| 5052 | OS | 4년 전 | 2415 | ||
| 5051 | PHP | 4년 전 | 2183 | ||
| 5050 | 웹서버 | 4년 전 | 1713 | ||
| 5049 | MySQL | 4년 전 | 1887 | ||
| 5048 | OS | 4년 전 | 2690 | ||
| 5047 | PHP | 4년 전 | 4366 | ||
| 5046 | MySQL | 4년 전 | 1805 | ||
| 5045 | MySQL | 4년 전 | 1928 | ||
| 5044 | MySQL | 4년 전 | 4123 | ||
| 5043 | MySQL | 4년 전 | 1880 | ||
| 5042 | 기타 |
|
4년 전 | 2631 | |
| 5041 | MySQL | 4년 전 | 1988 | ||
| 5040 | MySQL | 4년 전 | 1713 | ||
| 5039 | MySQL | 4년 전 | 1486 | ||
| 5038 | MySQL | 4년 전 | 1327 | ||
| 5037 | OS | 4년 전 | 4426 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기