2013-08-08 4 views
0

이것은 Chrome에서만 발생합니다! 고정 된 배경 이미지가있는 div는 페이지 상단의 슬라이더 다음에 아래로 있습니다. 슬라이더가 다음 슬라이드로 넘어 가면 고정 된 배경 이미지가 거의 완전히 사라집니다. 나는 그것이 Z- 인덱스 문제 였고 "-webkit-backface-visibility : none"을 제거했을지라도 css에서 그러나 대답도 아니었다. css3 애니메이션과 관련이있을뿐만 아니라 완전히 엉망이 됐을 것이라고 확신합니다. 어떤 아이디어?페이지 전환 상단에서 슬라이드 쇼를 할 때 배경 화면이 깜박임

해당 페이지에 대한 링크 : http://ksdesigning.com/themes/room_html/

감사

+0

보고 ... 나에게 잘 보이는 (나는 그들에게 내가 위의 길을 그렇게 일을 가져올 수 없습니다) ... 그것은 단지 나 또는 당신의 스크롤 민감한 여분이다? –

+0

Woops! 죄송 합니다만 Chrome에서이 문제가 발생했다는 사실을 잊어 버렸습니다. – joughbagh

+0

그리고 그것은 그것이 민감하게 사용하고있는 스크롤바 플러그인입니다. 그리고 너무 민감합니다. 고칠거야. – joughbagh

답변

0

이 같은 버그를 싫어, 여기에 작동합니다 수정입니다. 누군가가 스크롤하여 스크롤하면 슬라이더가 숨겨지고 스크롤하면 표시됩니다.

$window.scroll(function() { 

    var _scroll = $window.scrollTop(); 

    if (_scroll >= 650) { 
     $('#slider').hide(); 
    }else if (_scroll <= _triggerOffset){ 
     $('#slider').show(); 
    } 

}); 

그렇지 않으면이 링크에있는 예를 사용하십시오. 파이어 폭스 22.0에

Prevent flicker on webkit-transition of webkit-transform

+0

응답 해 주셔서 감사합니다. 나는 실제로 그것을 시도했지만 슬라이더가 숨겨져있는 동안 문제가 발생했습니다. 숨겨진 상태에서 진행하면 슬라이더가 끊어집니다. 나는 또한 자신의 일시 정지 방법을 통해 ".hide()"슬라이더를 일시 정지했지만 다른 문제도 발생 시켰으므로 필자는 슬라이더 자바 스크립트에 들어 가지 않고도 문제를 해결하려고 노력 중이다. 내가 대답을 제안했지만 시도해도 행운이 없다. = / – joughbagh

관련 문제