팝업 레이어에 스크롤바 추가 방법 질문드립니다.
본문
안녕하세요.
팝업레이어창에 스크롤바가 없는것으로 알고 있는데요.
팝업레이어창에 스크롤바를 나타내고 싶습니다.
어떻게 하면 되는지 궁금합니다.
답변 3
css로 넣으시면되요
해당팝업에 width, height값을 고정으로 주시고요. overflow-x, overflow-y 로 해주시면되요. x하고 scroll하면 가로스크롤이 꼭생기는거고요 y하고 scroll하면 세로스크롤. scroll말고 auto를 하면 해당 팝업의 넓이나 높이값이 넘어가면 스크롤이생기고 안넘어가면 스크롤이 안생겨요.
레이어에 스크롤 생기게 하려면 style="overflow:auto;"
를 넣으면 되요.
채택은 '잘살아보자'님이나 '드래곤된다'님에게 드리세요~
답변 주신 내용들로 아래와 같이 적용해보았습니다.
css/default.css
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
에서
.hd_pops_con {}
를
.hd_pops_con {padding:10px;width:300px;height:300px;overflow-x:auto;overflow-y:scroll}
로 수정해 보았습니다.
(팝업 레이어 관리에서) 팝업창을 만들 때, 동일하게 가로 300 세로 300으로 설정했구요.
!-->
답변을 작성하시기 전에 로그인 해주세요.