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

바트컨트롤

· 1년 전 · 조회 632 632 · 댓글 3 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개

들레아빠

번호	분류	제목	글쓴이	날짜	조회
5066	기타	[mariadb] 10.6 버전에 추가된 json_table 함수	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1817
5065	PHP	DB 세션 핸들링 [2]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1522
5064	PHP	혹시 뭐가 잘못되었는지 봐주실수 있나요?? [2]	happyl 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1914
5063	node.js	c++로 만들어진 코드를 바인딩하기 [1]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1671
5062	node.js	express이용하여 간단하게 api 서버 만들기 [1]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1687
5061	node.js	Redos ( Regular expression Denial of Service ) 대응관련 모듈	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1410
5060	node.js	Mac os에서 nvm + node 설치편	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1248
5059	node.js	nvm설치 + nodejs 설치	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1246
5058	기타	[mariadb]자연어검색	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2694
5057	웹서버	ubuntu 20.0 php 8.0 + nginx 설치	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2716
5056	MySQL	adminer를 이용하여 Table Data 다운로드 하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1499
5055	기타	그누보드5에서 소셜로그인, 소셜댓글 사용시 트위터 프로젝트 앱 설정하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1427
5054	OS	AWS Lightsail 에서 PHP5.x 버전 설치하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2064
5053	웹서버	AWS Lightsail 에서 PHP8 빠르게 설치하기 [9]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3619
5052	OS	opendkim 설치	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2415
5051	PHP	PHP에서 aws cli 를 이용하여 Lambda 함수 생성하기 [4]	편리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2183
5050	웹서버	apache log 에 접속자의 cookie 정보를 포함하지 않도록 설정하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1713
5049	MySQL	INSERT IGNORE INTO `user` (field1, field2, ..., fieldn) SELECT field1, field2, ..., fieldn WHERE user = 'user_id';	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1887
5048	OS	rsync 실행시 password(암호) 묻지 않기 [2]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2690
5047	PHP	vscode 에서 AWS Lightsail 인스턴스에 접속하기 [10]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4366
5046	MySQL	WHERE Clasuse 사용해서 특정 조건의 데이타를 가지고 와 HTML Table로 출력하기 [1]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1805
5045	MySQL	PHP Mysql Databae - INSERT INTO Multiple Records, 데이타베이스에 여러개 데이타입력하기 [2]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1928
5044	MySQL	MariaDB 에서 open_files_limit 변경하기 [1]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4123
5043	MySQL	SELECT data FROM TABLE 유튜브 영상입니다. [1]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1880
5042	기타	[Selenium] proxy를 사용하지 않고 개발자도구에서 Network 탭의 로그를 얻기	Innisfree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2631
5041	MySQL	PHP Mysql Database - INSERT INTO [2]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1988
5040	MySQL	PHP Mysql Database - CREATE TABLE	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1713
5039	MySQL	PHP Mysql Database - CREATE DATABASE	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1486
5038	MySQL	PHP Mysql Database - Mysql CONNECT	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1327
5037	OS	rsync, lsyncd 를 이용한 서버 동기화 [9]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4426

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

댓글 작성

댓글 3개

게시판 목록

개발자팁

[기타] [mariadb] 10.6 버전에 추가된 json_table 함수

[PHP] DB 세션 핸들링 [2]

[PHP] 혹시 뭐가 잘못되었는지 봐주실수 있나요?? [2]

[node.js] c++로 만들어진 코드를 바인딩하기 [1]

[node.js] express이용하여 간단하게 api 서버 만들기 [1]

[node.js] Redos ( Regular expression Denial of Service ) 대응관련 모듈

[node.js] Mac os에서 nvm + node 설치편

[node.js] nvm설치 + nodejs 설치

[기타] [mariadb]자연어검색

[웹서버] ubuntu 20.0 php 8.0 + nginx 설치

[MySQL] adminer를 이용하여 Table Data 다운로드 하기

[기타] 그누보드5에서 소셜로그인, 소셜댓글 사용시 트위터 프로젝트 앱 설정하기

[OS] AWS Lightsail 에서 PHP5.x 버전 설치하기

[웹서버] AWS Lightsail 에서 PHP8 빠르게 설치하기 [9]

[OS] opendkim 설치

[PHP] PHP에서 aws cli 를 이용하여 Lambda 함수 생성하기 [4]

[웹서버] apache log 에 접속자의 cookie 정보를 포함하지 않도록 설정하기

[MySQL] INSERT IGNORE INTO `user` (field1, field2, ..., fieldn) SELECT field1, field2, ..., fieldn WHERE user = 'user_id';

[OS] rsync 실행시 password(암호) 묻지 않기 [2]

[PHP] vscode 에서 AWS Lightsail 인스턴스에 접속하기 [10]

[MySQL] WHERE Clasuse 사용해서 특정 조건의 데이타를 가지고 와 HTML Table로 출력하기 [1]

[MySQL] PHP Mysql Databae - INSERT INTO Multiple Records, 데이타베이스에 여러개 데이타입력하기 [2]

[MySQL] MariaDB 에서 open_files_limit 변경하기 [1]

[MySQL] SELECT data FROM TABLE 유튜브 영상입니다. [1]

[기타] [Selenium] proxy를 사용하지 않고 개발자도구에서 Network 탭의 로그를 얻기

[MySQL] PHP Mysql Database - INSERT INTO [2]

[MySQL] PHP Mysql Database - CREATE TABLE

[MySQL] PHP Mysql Database - CREATE DATABASE

[MySQL] PHP Mysql Database - Mysql CONNECT

[OS] rsync, lsyncd 를 이용한 서버 동기화 [9]