overflow 가로 스크롤 질문이 있습니다!
본문
안녕하세요
자격증 시험 보려고 열심히 학습중인 초보자입니다
웹사이트 디자인 코딩 소스 보면서 연습중인데
영역 초과해서 가로로 스크롤 되는 카테고리 바를 만들고 있는데 이상한 부분이 있어서 질문 올립니다.
HTML 에서 버튼 수도 충분히 만들고 css_ overflow: auto; 로 스크롤 바 생성까지는 괜찮은데..
스크롤 바가 있을 때에는 스크롤 바를 드래그로 스크롤 하거나, 마우스 휠을 클릭해서 이동하는 스크롤이 되는 상황이에요
한마디로 가로 스크롤이 마우스 휠로 안되는 상황이에요
CSS 내용이고 HTML 코드와 CSS 내용 전체 Chat gpt 돌려도 오류가 없고,
소스코드 아예 복사 붙여넣기 해와도 마우스 휠로 스크롤 하는게 안되네요
그냥 JS로 구현하면 될걸..? 하다가도 질문 올린 이유가
참고중인 코딩 영상에서는 JS 없이 CSS로 마우스 휠로 가로 스크롤 되던데......??????
맥이랑 윈도우 차이인가요..? 아니면 옛날에만 됐었나요..??
GPT가 CSS로는 기본적으로 마우스 휠 이벤트가 수평으로 동작하지 않고
CSS로 해결 안되면 JS로 가로 스크롤 구현하라고 하는데 ..
왜 영상에서는 JS 없어도 마우스 휠로 가로 스크롤이 되고 전 안되는지 이유가 궁금해서요..
아시는 분 계시면 댓글 부탁드리겠습니다!
맥에서만 가능한 것이면 시험볼 땐 JS로 구현하고 나중에 자격증 따고 편의성을 위해 맥을 사야하나..싶네요 ㅎㅎ
답변 2
shift + 휠스크롤 하면 가로스크롤 됩니다
자격증을 위한다면, 스크롤 같은거 보시면 안됩니다.
12개 레이아웃 구성만 여러번 하시면 답 나옵니다.
마지막으로 맥은 사바사라...말 줄일께요
웹디기능사에 가로 스크롤 문제는 나오지 않습니다.
