브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기
반응형으로 제작되지 않은 홈페이지에
스크롤을 줄이면 최소한이라도 중앙 컨텐츠들이 보여야한다는
요청들이 들어와 정보 공유드립니다.
[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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5156 | PHP |
 piadream |
2년 전 | 974 | |
| 5155 | JavaScript |
piadream |
2년 전 | 865 | |
| 5154 | PHP |
piadream |
2년 전 | 1776 | |
| 5153 | 웹서버 |
piadream |
2년 전 | 820 | |
| 5152 | PHP |
piadream |
2년 전 | 1004 | |
| 5151 | PHP |
piadream |
2년 전 | 861 | |
| 5150 | node.js | 2년 전 | 1294 | ||
| 5149 | OS | 2년 전 | 1528 | ||
| 5148 | 웹서버 | 2년 전 | 926 | ||
| 5147 | PHP | 2년 전 | 6909 | ||
| 5146 | JavaScript | 2년 전 | 1710 | ||
| 5145 | PHP | 2년 전 | 937 | ||
| 5144 | PHP | 2년 전 | 1419 | ||
| 5143 | JavaScript | 2년 전 | 823 | ||
| 5142 | PHP |
 sinbi |
2년 전 | 915 | |
| 5141 | 웹서버 | 2년 전 | 2416 | ||
| 5140 | 기타 | 3년 전 | 1561 | ||
| 5139 | JavaScript | 3년 전 | 1204 | ||
| 5138 | PHP | 3년 전 | 1515 | ||
| 5137 | MySQL | 3년 전 | 1701 | ||
| 5136 | PHP | 3년 전 | 2004 | ||
| 5135 | PHP | 3년 전 | 1949 | ||
| 5134 | JavaScript |
오토소프트
|
3년 전 | 1103 | |
| 5133 | PHP |
 코드오타쿠 |
3년 전 | 1136 | |
| 5132 | 웹서버 | 3년 전 | 1298 | ||
| 5131 | OS | 3년 전 | 1932 | ||
| 5130 | OS | 3년 전 | 1413 | ||
| 5129 | OS | 3년 전 | 1798 | ||
| 5128 | OS | 3년 전 | 1810 | ||
| 5127 | OS | 3년 전 | 925 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기