윈도우의 CSS 전환을 비활성화 하시겠습니까?

나는 이것에 대한 해결책을 찾지 못해서 놀랍다. 전체 크기의 화면에 4 줄의 사각형 div가 있고 모바일 크기의 2x2 격자가 있습니다. 클릭시 CSS 전환으로 색상이 변경됩니다.윈도우의 CSS 전환을 비활성화 하시겠습니까?

그러나 창 크기를 조정하면 CSS 전환의 원치 않는 부작용 인 새로운 위치로 페이지가 떠돌게됩니다. JQuery를 사용하여 크기 변경 중에 전환 효과를 전환 해 보았습니다. 크기 조절을 중단하면 전환 클래스가 비활성 상태가 될 확률은 50 %입니다.

나는이 간단한 문제처럼 보이므로 여기에 코드를 넣지 않았습니다. 아무도 간단한 해결책이 있습니까?

2016-07-22 JohnG

이 미디어 쿼리를 사용하여 – eronax59

미디어 쿼리에 대해 알지 못하는 경우 – eronax59

javascript의 크기 조정 이벤트에서 상태를 재설정 할 수 있습니까? 또한 전환에 작은 시간 제한을 사용하고 크기 조정 이벤트에 대한 시간 초과를 취소 할 수 있습니다. –

transition: color 200ms ease-out이 아닌 transition: all 200ms ease-out을 사용하면 특정 속성 하나가 아닌 모든 속성에 전환 효과가 적용됩니다.

2016-07-22 12:45:15 Toby

... 그게 내 간단한 해결책이야! 신난다 - 감사합니다 - 나는 그것을 모른다고 믿을 수 없다. – JohnG

답변