Safari에서 스크롤 정지 시차 효과가 작동하지 않습니다.

Question

My site에는 중지 스크롤 시차 효과가 있습니다. 내가 스크롤을 중지하는 데 사용하는 코드는 다음과 같습니다

if (parseInt($("div#bg").css("top"), 10) <= -0) { 
    $('#content').css('top', (-0) + 'px'); 
    $('#logo').css('margin-top', (-142) + 'px'); 
} 

이 Safari에서 너무 많은 크롬, 파이어 폭스와 오페라에서 잘하지만 작동합니다. Safari에서 사용할 다른 코드가 있습니까? 나는 Safari가 스크롤 할 때 버그가 있다는 것을 알고 있지만, 그에 대한 답을 찾을 수는 없습니다. Safari에서도 작동하도록하는 해결 방법이 있습니까? 아니면 내 코드를 실행할 수있는 일종의 편집기?

Answer 1

첫 번째 사항 : 레이아웃에 문제가 있습니다. Safari에서 내 작품 갤러리를 보지 못하기 때문에. 모든 갤러리 요소는 컨테이너가없는 메인 div 내부의 개별 요소이므로 컨트롤하기가 매우 어려울 수 있습니다. 내가 생각 주제

parseInt($("div#bg").css("top"), 10) 

반환 NaN의에

돌아 가기, 당신의 문제가 될 수 있습니다. #bg의 최상위 값은 "auto"로 설정되므로 첫 번째 (그리고 다른 모든 문자 : D)는 숫자가 아닌 CHAR이므로 parseInt()는 NaN을 반환합니다.

자바 스크립트 엔진이 조금 더 탄력적이기 때문에 코드가 Chrome에서 작동하지만 실제로는 작동하지 않아야하며 다른 브라우저에서도 작동하지 않아야합니다.

제안 : Skrollr을 보았습니까? 시차 효과를위한 오픈 소스 jquery 라이브러리입니다. 정말 잘 쓰여졌고 여기에서 하루를 정말 바랄 수 있습니다.

http://prinzhorn.github.io/skrollr/