2014-03-31 6 views
-1

페이지 (divs)를 스크롤하는이 javascript을 사용하고 있습니다.크기 조정시 흰색 테두리

내가 겪고있는 문제는 브라우저 창의 크기를 조정할 때입니다. 흰색 테두리가 나타납니다.

enter image description here



내가이 문제를 해결하기 위해 할 수있는 일이 있나요?

내 약간 수정 된 버전의 URL here.

감사합니다.

+0

흰색 테두리는 페이지가 축소 될 때만 나타나며 스크롤 막대의 크기입니다. 크기를 조정할 때 색상이 지정된 div를 100 % 너비 높이로 설정하십시오. – Kiee

+0

@Kiee 색깔이 지정된 div는 이미 100 %로 설정되어 있습니다. 오버플로도 숨겨져 있습니다. 나는 그것이 사이드 바라고 생각하지 않는다. – Borsn

+0

@Boris js가 크기를 조정할 때 너비와 높이를 설정하면 설정 한 % 값이 다시 정의됩니다. 방화 광을 사용하고 100 % 너비와 높이를 중요하게 설정하면 문제가 사라집니다. – Huangism

답변

-1

모든 높이 및 너비 변수를 제거하면 스크립트가 내 CSS를 수정하지 못하게 할 수있었습니다. 제안 해 주셔서 감사합니다.

1

클래스에서 .wrapper, mask 및 itens * % 값을 사용해보십시오. 이것은 나를 위해 작동합니다!

.wrapper { 
    width: 100%; 
    height: 100%; 
} 

그래서 나는 너의 모든 요소를 ​​검사하려고 노력하고 있는데, 속성을 100 %로 변경하면 애니메이션이 잘 작동합니다! 오른쪽에서 오는 "back div"대신에 아래쪽에서 오는 것입니다.

이것은 'advice'입니다.

프리스트를 제외한 너비가 100 % 인 전환을보고 흰색 테두리가 나타납니다.

transition

당신은 알아낼 필요는 더 나은

see image whiteout px values!!

당신이 정말로 "다시 DIV"당신이 전환을 할 필요가 오른쪽에서 오는 및 사용이 필요한 경우 '마진 'and'z-index '

+0

. 항목이 애니메이션과 연결되어 있습니다. 너비 값을 변경하면 애니메이션에 영향을줍니다. 문제가 CSS와 관련 있다고 생각하지 않습니다. 자바 스크립트와 관련이있다. 정확하게 무엇을 알아낼 수없는 것 같습니다. – Borsn

+0

@Boris 잘 이것은 나에게 실제적인 문제인 것처럼 보인다. 적절한 CSS와 js를 게시하지 않고 누군가가 문제를 더 정확하게 찾을 수 있는지 의심 스럽습니다. –

+0

@TilwinJoy css와 javascript가 문서에 있습니다.그리고 나는 스크립트가있는 곳의 출처도 열거했습니다. – Borsn