Chrome에서 고정 탐색 표시줄이 사라지는 이유는 무엇입니까?

Chrome에서 사라지는 고정 요소

position:fixed를 사용하여 고정 탐색 모음을 구현할 때 개발자는 요소가 산발적으로 사라지는 문제에 직면할 수 있습니다. 크롬에서. 이 문제는 활성 탐색 항목이 부분적으로 또는 전체적으로 보이지 않게 되는 것으로 나타날 수 있습니다.

원인 및 해결 방법

이 문제는 특히 Chrome 렌더링 엔진의 이상으로 인해 발생합니다. 이 문제를 해결하려면 고정 요소에 다음 CSS 규칙을 추가하세요.

<code class="css">-webkit-transform: translateZ(0)</code>

설명

이 규칙은 Chrome에서 하드웨어 가속을 사용하도록 합니다. 렌더링 문제를 우회하여 고정된 요소를 계속해서 칠합니다. 3D 변환을 적용하면 브라우저의 그래픽 프로세서(GPU)가 작동되어 페이지 전환 및 요소 상호 작용 중에도 요소가 계속 표시됩니다.

추가 정보

보고된 문제는 top: 0의 요소에 영향을 미치지만 Bottom: 0의 요소에는 영향을 미치지 않습니다. 이는 이 문제가 Chrome이 뷰포트 상단 근처의 요소를 처리하는 방식과 관련이 있음을 나타냅니다.

임시 수정

Chrome에서 영구적인 수정을 기다리는 동안 고정 요소에 Bottom:0을 사용하면 문제를 해결할 수 있습니다.

문제 보고

이 문제에 대한 인식을 높이기 위해 Chrome 버그가 제출되었습니다: https://bugs.chromium.org/p/chromium/issues/detail?id=288747. 사용자는 이 버그에 별표를 표시하여 해결 우선순위를 정할 수 있습니다.

위 내용은 Chrome에서 고정 탐색 표시줄이 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!