오른쪽 스크롤바가 두개

오른쪽 스크롤바가 두개

QA

오른쪽 스크롤바가 두개

본문

1893647683_1582614544.6584.png

 

http://seoulbro.com/

 

인데 오른쪽에 메인 중앙 이미지르 swiper를 이용했는데요 갑자기 스크롤바가 2개가 생깁니다...

그리고 크롬은 화살표와 bullet이 파란색인데 익스에서는 화살표도 안나오고 bullet이 검정색이네요...

혹시 아시는분 계실까요?

이 질문에 댓글 쓰기 :

답변 1

body 에 overflow:auto 해보세요

공식 문서를 살펴보시면 되겠지만..
https://www.w3schools.com/jsref/prop_style_overflow.asp

짧게 설명하면
님의 사이트는 body 를 100% 로 설정해놓고 하위 div로 해당 내용을 불러오고 있습니다.
그리고 div 는 별다른 설정이 없으니 overflow 는 상속받았을 겁니다.

기본값은 visible 이니 내용이 넘어가지 않는데도 스크롤바는 양쪽다 생겨 있습니다.

이때 auto 로 주게되면 내용이 넘치지 않는 body 쪽에는 스크롤바가 없어지고
div 변경에 따라 스크롤바가  "알아서 생기는" 거죠 ^^

님이 이 댓글을 보실지는 모르겠네요

님의 사이트의 구조를 몰라 정확한 답변은 힘듭니다.

중요한건 overflow 는 기본값이 visible 이니 스크롤이 필요한 최상위 클래스에 auto 로 값을 줘야 된다는 겁니다.

추가적으로 새 질문으로 남기시면 저 말고도 많은 분이 댓글 달아주실겁니다

답변을 작성하시기 전에 로그인 해주세요.
전체 68
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT