채택완료

팝업 레이어에 스크롤바 추가 방법 질문드립니다.

안녕하세요.

팝업레이어창에 스크롤바가 없는것으로 알고 있는데요.

팝업레이어창에 스크롤바를 나타내고 싶습니다.

어떻게 하면 되는지 궁금합니다. 

|

답변 3개 / 댓글 4개

채택된 답변
+20 포인트
2014-12-15 (월) 17:54:03

css로 넣으시면되요

해당팝업에 width, height값을 고정으로 주시고요. overflow-x, overflow-y 로 해주시면되요. x하고 scroll하면 가로스크롤이 꼭생기는거고요 y하고 scroll하면 세로스크롤. scroll말고 auto를 하면 해당 팝업의 넓이나 높이값이 넘어가면 스크롤이생기고 안넘어가면 스크롤이 안생겨요.

답변에 대한 댓글 1개

혹시나 어디 css인지 알수있을까요?
제가 초보라... 어렵네요..
2014-12-15 (월) 21:15:51

채택은 '잘살아보자'님이나 '드래곤된다'님에게 드리세요~

답변 주신 내용들로 아래와 같이 적용해보았습니다.

css/default.css 

Copy
/* 팝업레이어 */#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으로 설정했구요.

예시 : http://liberta1980.co-story.net

답변에 대한 댓글 2개

답변 너무 감사드립니다.
감사합니다. 도움이 되었어요~

레이어에 스크롤 생기게 하려면 style="overflow:auto;"

를 넣으면 되요. 

답변에 대한 댓글 1개

어디 파일에 넣으면 되는것인가요?

답변을 작성하려면 로그인이 필요합니다.