관리자 페이지 메뉴에 스크롤 추가방법
본문
관리자 페이지에 좌측에 잇는 메뉴 누르면 2차 메뉴가 나오는데 여기에
스크롤 추가할수있는 방법있을까요 메뉴를 하나둘 추가하다보니 많아져서
브라우저 화면이 작으면 메뉴가 보이지가않아서 문제가 발생하더라구요
메뉴 영역부분에서만 메뉴 위아래로 스크롤 가능하게 필요한 상황인데 방법을 못찾고있습니다
답변 3
저부분 에다가 css를 수정해야되요
overflow-x : auto; 하고 height: 500px 대충 맞추고 개발자도구로 사이즈를 늘려주세요
감사합니다. 잘해결댔네요
admin.css
#gnb .gnb_ul{height:100%;background:#ebebeb;width:55px;overflow-y:scroll;overflow-x:hidden}
#gnb .gnb_oparea{display:none;position:absolute;top:50px;left:55px;background:#fff;height:100%;width:170px;padding:10px 0 50px 10px;border-right:1px solid #dbdbdb;overflow-y:scroll;-webkit-box-shadow: 2px 0 2px rgba(150,150,150,100.1);-moz-box-shadow: 2px 0 2px rgba(150,150,150,0.1);box-shadow: 2px 0 2pxrgba(150,150,150,0.1);}
::-webkit-scrollbar{width:4px;height:8px}
::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar-thumb{background:#badcff99;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#ff80ed66}
::-webkit-scrollbar-thumb:active{background:#ff2525}
1. 일단 아래글로 수정할 요소의 선택자와 파일 위치를 찾습니다.
https://homzzang.com/b/css-251
2. 그런 다음 아래 속성을 이용해 스크롤방향을 제어하시면 됩니다.
- https://homzzang.com/b/css-115 (overflow 속성 - 가로 세로 양쪽 모두 일괄 제어)
- https://homzzang.com/b/css-482 (overflow-x 속성 - 가로축만 스크롤 여부 제어)
- https://homzzang.com/b/css-483 (overflow-y 속성 - 세로축만 스크롤 여부 지정)
3. 수정을 하셨으면 Ctrl + F5 (캐시새로고침)을 해줘야 반영된 모습을 볼 수 있습니다.
답변을 작성하시기 전에 로그인 해주세요.
