featherlight을 플스크린으로 사용했을 때 가로스크롤바를 감추는 방법이 궁금합니다.

chlquddus

작성한 질문수 1

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);

}