"페이지 점프"링크를 클릭하면 웹 사이트의 일부가 사라집니다.

Question

매우 이상한 문제가 발생했습니다. 때로는 페이지 점프 링크를 클릭 할 때 웹 사이트의 일부가 비어있게됩니다. 빈 칸을 가리키면 모든 웹 사이트가 다시 나타납니다. 크롬 디버그를 사용하여 디버깅 할 수 없습니다. 사용하도록 설정하면 모든 것이 다시 정상화되기 때문입니다.

크롬 버그 인 것 같습니다. 테스트 한 총 12 개 중 2 대의 컴퓨터에서만 발생했습니다.

나는 현재 크롬 버전 33.0.1750.154 m이 문제가 here입니다이 페이지의

하나를 사용하고 있습니다.

여기에서 문제의 스크린 샷을 볼 수 있습니다.

쿠키, 기록 및 캐시를 삭제하고 시크릿을 시도했지만 여전히 발생합니다.

Answer 1

나는이로 실행하고 크롬에서 accelerated rendering과 관련이있다 확신했습니다. 마크 업이 허용

1. 경우, 문제가되는 주변 블록 수준 컨테이너를 추가 작동 할 때

   나는 일반적으로 첫 번째 선호, 두 가지 솔루션 중 하나를 사용합니다. 내가 이해할 때, 브라우저를 새로 정의 할 때 어떤 영역을 다시 칠해야하는지 정의하는 데 도움이되는 새로운 layout boundary이 생성됩니다. 페이지 점프를 클릭하면

2. 를 사용하여 자바 스크립트는 영향을받는 지역에 다시 그리기 강제로 :.

   $ ('# 페이지')에 (,, 기능을 '.jump'을 '클릭'() { $ ('# container-of-disappearing-section'). hide(). show(); });

두 번째 방법은 성능에는 이상적이지 않지만 이상한 흰색 갭이 페이지에 표시되는 것보다 낫습니다.

크롬에서만 스크립트를 실행할 때 도움이 될 Modernizr과 같은 것을 이미 사용하고 있다면 조금 더 최적화 할 수 있습니다. 하지만 이미 사이트의 다른 기능을 검색하는 경우가 아니면 가치가 없을 것입니다.