현재 탭을 클릭하면 최대 너비와 0으로 전환되는 탭 섹션이있는 도구로 작업하고 있습니다. 탭과 섹션이 포함 된 전체 div는 고정되어 창의 오른쪽 상단에 위치합니다. 거기에 95 %이지만, 확장 섹션의 너비가 $.animate({width: "toggle"});
메서드를 사용하여 0으로 아래로 전환 될 때 발생하는 간헐적 인 깜박임이 있습니다. 무슨 일이 일어나고 있는지에 대한 아이디어가 있습니까?JQuery animate "width : toggle"간헐적 인 깜박임이 발생합니다.
여기가 피들입니다 - http://jsfiddle.net/Tgdrb. 나는 그것이 가능한 한 최선을 다해서 단순화하려고 노력했다. 그래야 문제가 여전히 드러나지 만 페이지에서 실제로 어떻게 보일 것인가라는 맥락에서 완전히 벗어나지는 못했다. 또한 문제가되는 CSS를 구성한 방법인지 궁금해하며 CSS 질문으로 태그를 붙이고 있습니다 (문제가 있다면 놀라지 않을 것입니다).
고마워요!
크롬에 익숙하지 않습니까? 간단한 Chrome 다시 그리기 버그/문제 같은 것 - FF 나 IE에서 저에게 나타나지 않습니다. – Robbie
크롬에서 점프하는 것이 보입니다. 일반적으로 여백을 없애면 불안정한 애니메이션이 수정되지만 도움이되지 않는 것 같습니다. –
@Scott Selby - 또한 겹쳐진 부분을 제거하고 다른 방법을 시도해 보았습니다. 아무 소용이 없다. 그래서 다른 Chrome 문제 또는 jQuery가 Chrome에서 작동하는 방식으로 설명했습니다. Safari에서도 괜찮아 보입니다. – Robbie