bx슬라이더 사용시 우측 여백 문제

bx슬라이더 사용시 우측 여백 문제

QA

bx슬라이더 사용시 우측 여백 문제

답변 4

본문

안녕하세요?

http://tlcreative.co.kr/ 이 사이트 메인 슬라이더를 보시면 우측 여백이 좀 생겨서 두번째 이미지와 겹치게 됩니다. 어디서 왜 생기는지를 모르겠습니다;;

고수님들이 조언을 부탁드리겠습니다(__)

 

2039618277_1718452371.286.jpg

이 질문에 댓글 쓰기 :

답변 4

slide-item  클래서 너비값을 정하지말고 강제로 width: 100vw;햅보세요.

li에 width를 1284로 지정해두셔서 그런거 같네요.

일단 잠시 개발자 도구로 auto로 했을땐 정상적으로 보이는거 같은데 그렇게 해도 안될순 있습니다.

css 문제시니 css를 살펴보시고 수정하셔야 할거 같습니다.

정상으로보입니다. 컨트롤 + 쉽프트 + R 눌러서 캐시해보세요

 

bxSlider 에서 요소가 렌더링 된다음

fullPage 에서 body 의 overflow 를 hidden 시켜

있던 스크롤바가 사라지면서 나타나는 현상인것 같고

다음처럼 스타일을 추가해 해결하는 방법이 있을것 같습니다.


<style>
body { overflow: hidden; }
</style>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 9
© SIRSOFT
현재 페이지 제일 처음으로