인프런 커뮤니티 질문&답변
작성한 질문수
featherlight을 플스크린으로 사용했을 때 가로스크롤바를 감추는 방법이 궁금합니다.
작성
·
214
1
선생님
안녕하세요
featherlight.js을
100% 풀스크린으로 사용했을 때 나타나는
가로스크롤바를
감추는 방법이 궁금합니다.
감사합니다.
답변 2
1
0
페터라이트를 사용할 때 가로 스크롤이 나오면 페더라이트 css에서 뭔가 안해주신거에요.
아래 css를 참고해보세요. 가로 스크롤이 생기면 안됩니다.
만약 아래 css를 적용했는데 가로 스크롤이 생긴다면 iframe으로 불러온 html 파일 내에서 생긴 가로 스크롤입니다.
/* Custom CSS : Featherlight */
.featherlight-content {
width: 100%;
max-height: 100% !important;
height: 100%;
margin-left: 0 !important;
}
.featherlight iframe {
border: none;
width: 100%;
height: 100%;
}
.featherlight .featherlight-close-icon {
width: 50px;
height: 50px;
border-radius: 50%;
left: 40px;
top: 90%;
background-color: #e29f29;
color: #fff;
font-size: 1.5em;
transition: 0.35s;
}
.featherlight .featherlight-close-icon:hover {
background-color: crimson;
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
transform: translateY(-5px);
}