Parallax JS가 Firefox, IE 및 Safari의 콘텐츠와 원활하게 작동하지 않습니다.

Question

새로운 웹 사이트에서 시차 js (http://pixelcog.github.io/parallax.js/)를 사용하고 있습니다. 5 개 장소에서 나는 이것을 사용하고 시차 영상만을 가지고 모든 컨텐츠를 사용하지 않고 모든 브라우저에서 정말 잘 작동한다.

하지만 Firefox, IE 및 Safari 브라우저에서는 콘텐츠가 시차로 원활하게 작동하지 않습니다. 둘 다 시차 이미지와 div 콘텐츠를 저크하는 것처럼 보입니다. 시차 div의 내용이 먼저 이동 한 다음 시차 이미지가 움직입니다.

다음은 시차 설정의 제 코드 스 니펫입니다.

<section class="my-class parallax-window" data-parallax="scroll" data-image-src="img/my-image.jpg"> 
    <!-- my content going here... --> 
</section> 

.parallax-window { min-height: 400px; background: transparent; } 

모든 브라우저에서 어떻게 부드럽게 할 수 있습니까?

Answer 1

"복잡한 내용에 내부 HTML 사용"이라는 제목의 github page 섹션을 확인하십시오. 이것은 도움이 될 수 있습니다. 나는 스크롤에 약간의 배경을 보여줌으로써 화면의 위쪽과 아래쪽 가장자리가 깜박 거리는 문제를 겪었습니다. 나는 이것을 "흘림"옵션으로 고정 시켰고, 맨 아래쪽에 조금 겹쳐서 반짝임을 숨길 수있었습니다. 또한 일부 브라우저에서 도움이 될 수있는 TRUE로 설정할 수있는 "overScrollFix"라는 실험 옵션이 있습니다.