브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기
반응형으로 제작되지 않은 홈페이지에
스크롤을 줄이면 최소한이라도 중앙 컨텐츠들이 보여야한다는
요청들이 들어와 정보 공유드립니다.
[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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5366 | 기타 |
nekoieye
|
1년 전 | 1120 | |
| 5365 | PHP | 1년 전 | 776 | ||
| 5364 | JavaScript | 1년 전 | 527 | ||
| 5363 | JavaScript | 1년 전 | 998 | ||
| 5362 | 1년 전 | 1233 | |||
| 5361 | JavaScript | 1년 전 | 1242 | ||
| 5360 |
그누보드이해하기
|
1년 전 | 777 | ||
| 5359 | 1년 전 | 1091 | |||
| 5358 | 1년 전 | 1097 | |||
| 5357 | 1년 전 | 811 | |||
| 5356 | 1년 전 | 367 | |||
| 5355 |
 BupKuuBro |
1년 전 | 587 | ||
| 5354 | 1년 전 | 1062 | |||
| 5353 |
 바트컨트롤 |
1년 전 | 707 | ||
| 5352 |
바트컨트롤 |
1년 전 | 641 | ||
| 5351 | PHP | 1년 전 | 809 | ||
| 5350 | PHP | 1년 전 | 576 | ||
| 5349 | OS | 1년 전 | 647 | ||
| 5348 | 기타 | 1년 전 | 450 | ||
| 5347 | 기타 | 1년 전 | 635 | ||
| 5346 | 기타 | 1년 전 | 508 | ||
| 5345 | 기타 | 1년 전 | 401 | ||
| 5344 | JavaScript |
 까망고양이 |
1년 전 | 430 | |
| 5343 | PHP |
까망고양이 |
1년 전 | 502 | |
| 5342 | jQuery | 1년 전 | 575 | ||
| 5341 | PHP |
 WebProduct |
1년 전 | 882 | |
| 5340 | Mobile |
슈퍼스타맨
|
1년 전 | 562 | |
| 5339 | 기타 |
 piadream |
1년 전 | 562 | |
| 5338 |
멀티트리플
|
2년 전 | 1299 | ||
| 5337 | 기타 |
슈퍼스타맨
|
2년 전 | 1792 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기