jQuery 자바 스크립트 위치 문제 완화

이 hungred.com 내 효과를 비교 문제에 내 코드를 기반

hungred.com을 바탕으로

. 상자가 반환되기 전에 충분히 멀리 나가지 않기 때문에 내 효과가 "깜박"합니다.

index-z가 설정되기 전에 hungred.com의 상자가 열린 공간으로 나옵니다. 그것이 내가 원하는 것입니다. 내가 놓친 게 무엇입니까?

그냥 this

2011-09-13 06:41:35

더욱더 놀랍습니다. – katspaugh

왜 더 flickery 했습니까? –

@Jens Törnell, 그것은 육포입니다. http://jsfiddle.net/GxpSQ/3/ 및 http://jsfiddle.net/Dgfcy/을 비교하면 그 이유를 알 수 있습니다. – katspaugh

여기서 애니메이션의 중간 zIndex 설정 a custom step function와 변형처럼 애니메이션 기존에 하나 이상의 애니메이션을 체인 애니메이션 요소는 완화 "출력"상에있는 경우.

깜박임 없음!

2011-09-13 08:34:14 katspaugh

정확히 내가 무엇을 찾고 있었는지는 모르지만 그것을 해결하는 매우 흥미로운 방법. 최종 결과는 여기 http://www.webblayout.se/ –

에서 볼 수 있습니다. @Jens, 깜박 거리지는 않지만 아주 불쾌하게 뒤로 물러서 있습니다. 그건 그렇고, 브라우저에서 이미지를 클릭 할 때마다 가로 스크롤 막대가 나타납니다. (Chrome, 1440x900). – katspaugh

"경련"에 대해. 당신의 버전에서 이완이 더 부드럽다는 것을 의미합니까? 가로 스크롤 막대에 대해 알고 있습니다. 스크립트에서 동일한 문제가 발생했습니다. div의 창 크기를 조정 해 봅니다. 클릭하면 스크롤바가 나타납니다. –

답변