이전 목록 다음
채택완료

오른쪽 스크롤바가 두개

룻룻박
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-02-25 (화) 16:13:03 3,941

1893647683_1582614544.6584.png

http://seoulbro.com/

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

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

혹시 아시는분 계실까요?

스크롤바 swiper 슬라이드 크롬 익스플로러
|

답변 1개 / 댓글 4개

채택된 답변
+20 포인트
탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-02-25 (화) 16:24:31

body 에 overflow:auto 해보세요

답변에 대한 댓글 4개

룻박
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-02-25 (화) 16:32:40
대박 바로 사라졌어요.. 감사합니다! 시간되시면 왜 이게 바디에 오버플로우 오토를 주면 스크롤이 두개인게 하나가 되는지 알려주실수 있을까요..?
백수1995
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-02-25 (화) 16:38:44
공식 문서를 살펴보시면 되겠지만..
https://www.w3schools.com/jsref/prop_style_overflow.asp

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

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

이때 auto 로 주게되면 내용이 넘치지 않는 body 쪽에는 스크롤바가 없어지고
div 변경에 따라 스크롤바가 "알아서 생기는" 거죠 ^^
짐짐87
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-04-09 (금) 11:05:40
혹시 저도 문의 드려도 되나요? 위쪽 작성자분처럼 2중 스크롤이 문제인데 어떻게 하는지 글을 여러번 읽어 보아도 이해가 가지 않아서요 ㅠㅠㅠ... 웹에 문외한입니다..ㅠㅠㅠ;
백수1995
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-04-09 (금) 11:28:26
@짐짐87 님이 이 댓글을 보실지는 모르겠네요

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

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

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

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