테스트 사이트 - 개발 중인 베타 버전입니다

홈페이지에서 마우스의 스크롤 좌우측 방지 하는 css나 script가 있는지 궁금합니다. 채택완료

아미꼬 10년 전 조회 3,918

http://www.smedi.kr/sincead/since_mody.php" target="_blank">http://www.smedi.kr/sincead/since_mody.php

위의 사이트 가보시면 익스플로러에서 보시면 마우스 휠버튼을 누르면 상하 이동밖에 되지 않습니다.

그래서 레이아웃이 안꺠지고 잘 나타납니다.

하지만 크롬브라우저로 보시면 메인에 슬라이드 이미지(아직은 슬라이드 미구현)가 크다보니

마우스 휠버튼을 누르고 좌우로 이동하면 레이아웃 균형이 꺠져버립니다. 


어떻게 해결할까? 생각하다가 제가 어떤 사이트 가니까 마우스 휠 방향이 상하이동만 되는걸 보았습니다.

이처럼 상하이동만 되게하면 레이아웃 균형이 안꺠질것 같은데요.

 

이방법 외에도 혹시나 레이아웃이 안깨지는  방법이 있다면 알려주시면 감사하겠습니다.^^;;

 

아직은 css대한 개념이 막연한 저로서는 답이 나오질 않습니다.

감사합니다.^^*      

     

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
10년 전

화면에 보여지는 폭을 정하셔야 가로 스크롤이 생기지 않습니다.

 

body { width:1000px;}

 

머 이런식으로 지정하세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

포이치
10년 전

크롬과 IE로 확인하였는데 제 PC에선 멀쩡해 보입니다.

이미지등의 엘리먼트에 max-width,min-width 등을 잘활용하시면 될겁니다.

보통은 body{overflow-x : hidden;} 이리합니다만..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인