테스트 사이트 - 개발 중인 베타 버전입니다

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

dew1 10년 전 조회 8,689

안녕하세요.

 

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

 

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

 

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

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

답변 3개

채택된 답변
+20 포인트

css로 넣으시면되요

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

d
dew1
10년 전
혹시나 어디 css인지 알수있을까요?
제가 초보라... 어렵네요..

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

f
10년 전

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

 

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

 

css/default.css 

 

/* 팝업레이어 */</p><p>#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}</p><p>#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}</p><p>.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}</p><p>.hd_pops_con {}</p><p>.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}</p><p>.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">http://liberta1980.co-story.net

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

d
dew1
10년 전
답변 너무 감사드립니다.
투데이텐
4년 전
감사합니다. 도움이 되었어요~

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

10년 전

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

를 넣으면 되요. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

d
dew1
10년 전
어디 파일에 넣으면 되는것인가요?

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

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

로그인