관리자 페이지 메뉴에 스크롤 추가방법 채택완료
http://sir.kr/data/editor/2509/392886580_1757229307.0791.jpg" />
관리자 페이지에 좌측에 잇는 메뉴 누르면 2차 메뉴가 나오는데 여기에
스크롤 추가할수있는 방법있을까요 메뉴를 하나둘 추가하다보니 많아져서
브라우저 화면이 작으면 메뉴가 보이지가않아서 문제가 발생하더라구요
http://sir.kr/data/editor/2509/392886580_1757229450.1939.jpg" />
메뉴 영역부분에서만 메뉴 위아래로 스크롤 가능하게 필요한 상황인데 방법을 못찾고있습니다
답변 3개
저부분 에다가 css를 수정해야되요
overflow-x : auto; 하고 height: 500px 대충 맞추고 개발자도구로 사이즈를 늘려주세요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
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 (캐시새로고침)을 해줘야 반영된 모습을 볼 수 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
http://sir.kr/data/editor/2509/3024275192_1757243537.493.png" width="100%" />
admin.css
</p>
<p>#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);}</p>
<p> </p>
<p>::-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}</p>
<p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인