오른쪽 스크롤바가 두개
본문
인데 오른쪽에 메인 중앙 이미지르 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 변경에 따라 스크롤바가 "알아서 생기는" 거죠 ^^
혹시 저도 문의 드려도 되나요? 위쪽 작성자분처럼 2중 스크롤이 문제인데 어떻게 하는지 글을 여러번 읽어 보아도 이해가 가지 않아서요 ㅠㅠㅠ... 웹에 문외한입니다..ㅠㅠㅠ;
@짐짐87 님이 이 댓글을 보실지는 모르겠네요
님의 사이트의 구조를 몰라 정확한 답변은 힘듭니다.
중요한건 overflow 는 기본값이 visible 이니 스크롤이 필요한 최상위 클래스에 auto 로 값을 줘야 된다는 겁니다.
추가적으로 새 질문으로 남기시면 저 말고도 많은 분이 댓글 달아주실겁니다
