홈페이지에서 마우스의 스크롤 좌우측 방지 하는 css나 script가 있는지 궁금합니다.
본문
http://www.smedi.kr/sincead/since_mody.php
위의 사이트 가보시면 익스플로러에서 보시면 마우스 휠버튼을 누르면 상하 이동밖에 되지 않습니다.
그래서 레이아웃이 안꺠지고 잘 나타납니다.
하지만 크롬브라우저로 보시면 메인에 슬라이드 이미지(아직은 슬라이드 미구현)가 크다보니
마우스 휠버튼을 누르고 좌우로 이동하면 레이아웃 균형이 꺠져버립니다.
어떻게 해결할까? 생각하다가 제가 어떤 사이트 가니까 마우스 휠 방향이 상하이동만 되는걸 보았습니다.
이처럼 상하이동만 되게하면 레이아웃 균형이 안꺠질것 같은데요.
이방법 외에도 혹시나 레이아웃이 안깨지는 방법이 있다면 알려주시면 감사하겠습니다.^^;;
아직은 css대한 개념이 막연한 저로서는 답이 나오질 않습니다.
감사합니다.^^*
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <a href="http://www.smedi.kr/sincead/since_mody.php" target="_blank">http://www.smedi.kr/sincead/since_mody.php</a>위의 사이트 가보시면 익스에서 마우스 휠버튼을 누르면 상하 이동밖에 되지 않습니다.그래서 레이아웃이 안꺠지고 잘 나타납니다.하지만 크롬브라우저로 보시면 메인에 슬라이드 이미지(아직은 슬라이드 미구현)가 크다보니 마우스 휠버튼을 누르고 좌우로 이동하면 레이아웃 균형이 꺠져버립니다.이걸 어떻게 해결할까? 생각하다가 제가 어떤 사이트 가니까 마우스 휠 방향이 상하이동만 되는걸 보았습니다.이처럼 상하이동만 되게하면 레이아웃 균형이 안꺠질것 같은데요.. 이방법 외에도 혹시나 레이아웃이 안꺠지는 방법이 있다면 도와주시면 감사하겠습니다.^^;; 아직은 저 혼자 막연구하다보니 답이 나오질 않습니다.감사합니다.^^* |
답변 2
화면에 보여지는 폭을 정하셔야 가로 스크롤이 생기지 않습니다.
body { width:1000px;}
머 이런식으로 지정하세요
크롬과 IE로 확인하였는데 제 PC에선 멀쩡해 보입니다.
이미지등의 엘리먼트에 max-width,min-width 등을 잘활용하시면 될겁니다.
보통은 body{overflow-x : hidden;} 이리합니다만..
답변을 작성하시기 전에 로그인 해주세요.
