브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기
반응형으로 제작되지 않은 홈페이지에
스크롤을 줄이면 최소한이라도 중앙 컨텐츠들이 보여야한다는
요청들이 들어와 정보 공유드립니다.
[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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
3개월 전 | 334 | |
| 5395 | PHP |
untitled
|
5개월 전 | 808 | |
| 5394 | MySQL |
선택과집중
|
5개월 전 | 582 | |
| 5393 | 웹서버 |
techstar
|
7개월 전 | 850 | |
| 5392 |
 oneit |
1년 전 | 1205 | ||
| 5391 | 9개월 전 | 1108 | |||
| 5390 | 9개월 전 | 893 | |||
| 5389 | 8개월 전 | 864 | |||
| 5388 | 8개월 전 | 964 | |||
| 5387 | 7개월 전 | 796 | |||
| 5386 | JavaScript |
nekoieye
|
7개월 전 | 959 | |
| 5385 | 웹서버 | 7개월 전 | 979 | ||
| 5384 | JavaScript |
 수평선1203 |
8개월 전 | 801 | |
| 5383 | 기타 | 9개월 전 | 1116 | ||
| 5382 | 기타 |
수평선1203 |
9개월 전 | 566 | |
| 5381 | JavaScript | 9개월 전 | 895 | ||
| 5380 | 기타 |
지구인430 |
9개월 전 | 678 | |
| 5379 | JavaScript | 10개월 전 | 680 | ||
| 5378 | 10개월 전 | 1188 | |||
| 5377 | 기타 |
수평선1203 |
10개월 전 | 751 | |
| 5376 | jQuery |
수평선1203 |
10개월 전 | 560 | |
| 5375 | jQuery |
techstar
|
10개월 전 | 717 | |
| 5374 | 기타 |
수평선1203 |
10개월 전 | 765 | |
| 5373 | MySQL |
 wodud3073 |
11개월 전 | 799 | |
| 5372 | 기타 |
수평선1203 |
11개월 전 | 1001 | |
| 5371 | JavaScript |
wodud3073 |
11개월 전 | 713 | |
| 5370 | JavaScript |
wodud3073 |
11개월 전 | 718 | |
| 5369 | PHP |
wodud3073 |
11개월 전 | 1231 | |
| 5368 | PHP | 11개월 전 | 1397 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1271 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기